Development
Skill
/vue
Vue.js framework patterns, Composition API, and best practices
Claude Code
$ npx -y skills add Fujigo-Software/f5-framework-claude --skill vue --agent claude-code
Codex
$ npx skills add Fujigo-Software/f5-framework-claude --skill vue -a codex -y
Cursor
$ npx skills add Fujigo-Software/f5-framework-claude --skill vue -a cursor -y
Gemini CLI
$ npx skills add Fujigo-Software/f5-framework-claude --skill vue -a gemini-cli -y
GitHub Copilot
$ npx skills add Fujigo-Software/f5-framework-claude --skill vue -a github-copilot -y
OpenCode
$ npx skills add Fujigo-Software/f5-framework-claude --skill vue -a opencode -y
Windsurf
$ npx skills add Fujigo-Software/f5-framework-claude --skill vue -a windsurf -y
SKILL.md
vue.SKILL.mdname: 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
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
Stats
24
Stars
8
Forks
Quiet
Maintenance
Python
Language
MIT
License
Last commit
Created
2434 skills104 agents
Other skills on f5-framework.
architecture
Software architecture patterns, principles, and best practices
More skills from other plugins.
Auto-invoked
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
ask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
Auto-invoked
Questions about vue.
- Which coding agents can use vue?
- vue installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

