Skip to content
Development
Skill

/vue

Vue.js framework patterns, Composition API, and best practices

Boost this skill
@fujigo-softwarefujigo-software@fujigo-software
From plugin
f5-framework
2434 skills104 agents69 commands
Install
$ npx -y skills add Fujigo-Software/f5-framework-claude --skill vue --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/vue

Context preview

The summary Claude sees to decide when to auto-load this skill.

Vue.js framework patterns, Composition API, and best practices

SKILL.md

vue.SKILL.md
name: vue-skills
description: Vue.js framework patterns, Composition API, and best practices
category: stacks/frontend/vue
applies_to: vue
allowed-tools: Read, Write, Glob, Grep, Bash
user-invocable: true
context: inject

Vue.js Skills

Progressive JavaScript framework for building user interfaces.

Sub-Skills

Architecture

  • [project-structure.md](architecture/project-structure.md) - Project organization
  • [component-patterns.md](architecture/component-patterns.md) - Component design
  • [state-management.md](architecture/state-management.md) - Pinia/Vuex patterns

Composition API

  • [setup-function.md](composition/setup-function.md) - setup() patterns
  • [reactivity.md](composition/reactivity.md) - ref/reactive patterns
  • [computed.md](composition/computed.md) - Computed properties
  • [watchers.md](composition/watchers.md) - Watch patterns
  • [composables.md](composition/composables.md) - Composable patterns

Components

  • [props-emits.md](components/props-emits.md) - Props and emits
  • [slots.md](components/slots.md) - Slot patterns
  • [provide-inject.md](components/provide-inject.md) - Provide/Inject
  • [lifecycle.md](components/lifecycle.md) - Lifecycle hooks

Performance

  • [lazy-loading.md](performance/lazy-loading.md) - Lazy loading
  • [memoization.md](performance/memoization.md) - Computed caching
  • [virtual-scroll.md](performance/virtual-scroll.md) - Virtual scrolling

Forms

  • [v-model.md](forms/v-model.md) - v-model patterns
  • [validation.md](forms/validation.md) - Form validation
  • [vee-validate.md](forms/vee-validate.md) - VeeValidate

Testing

  • [vitest.md](testing/vitest.md) - Vitest patterns
  • [vue-test-utils.md](testing/vue-test-utils.md) - Vue Test Utils
  • [component-testing.md](testing/component-testing.md) - Component tests

Detection

Auto-detected when project contains:

  • `vue.config.js` or `*.vue` files
  • `vue` package
  • `<template>` or `createApp` patterns
Read more
Read it on GitHub ↗
Ships withf5-framework

AI-Powered Development Framework for Claude Code

Get the whole plugin
Stats
PythonJavaScriptReactNext.jsVue
+7 tags
AngularDockerKubernetesAnthropicMCPJiraFlutter
24
Stars
8
Forks
Quiet
Maintenance
Python
Language
MIT
License
7mo ago
Last commit
7mo ago
Created

Repo: Fujigo-Software/f5-framework-claude

In this plugin
104 agents69 commands34 skills
See everything inside

Other skills on f5-framework.

See all 34 skills in f5-framework