skills
Agent skills for Vue 3 development
Vue Skills is a collection of specialized agent skills that guide AI assistants in generating high-quality Vue 3 code following current best practices. It provides structured knowledge modules covering Vue 3 Composition API, Options API, Vue Router, Pinia, testing, JSX, debugging, and composable creation patterns. Developers install these skills using the `skills` CLI or Claude Code plugin marketplace, then invoke them by prefixing prompts with "use vue skill" to ensure the AI follows documented Vue patterns and avoids common pitfalls. Each skill addresses either capability gaps (issues AI cannot solve without the skill) or efficiency improvements (patterns AI can follow but not optimally).
Key Features
Use Cases
- 01Generating Vue 3 applications with Composition API and TypeScript following current best practices
- 02Creating reusable composables with proper reactivity patterns using MaybeRef and MaybeRefOrGetter
- 03Debugging Vue 3 runtime errors, hydration mismatches, and async error handling issues
- 04Implementing Vue Router 4 navigation guards and route lifecycle patterns correctly
- 05Writing component and E2E tests using Vitest, Vue Test Utils, and Playwright
- 06Building Pinia stores with optimal setup, reactivity, and state management patterns
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
skills — FAQ
What are Vue Skills and how do they work?+
Vue Skills is a collection of structured knowledge modules that guide AI assistants in generating Vue 3 code following best practices. You install the skills into your AI environment, then prefix prompts with "use vue skill" to explicitly trigger the documented patterns and ensure consistent, high-quality code generation.
How do I install Vue Skills?+
Install via npx with `npx skills add vuejs-ai/skills`. For Claude Code users, add the marketplace with `/plugin marketplace add vuejs-ai/skills`, then install the bundle with `/plugin install vue-skills-bundle@vue-skills` or individual skills like `/plugin install vue-best-practices@vue-skills`.
Which AI clients work with Vue Skills?+
Vue Skills works with AI assistants that support the skills framework (installed via npx skills CLI) and Claude Code (via the plugin marketplace). The skills are prompt-based knowledge modules that guide any AI capable of following structured instructions.
Do I need API keys or prerequisites to use Vue Skills?+
No API keys are required. You only need Node.js/npx to run the skills CLI installer, or Claude Code to install via the marketplace. The skills themselves are knowledge modules that enhance AI code generation without external service dependencies.
Is Vue Skills free to use?+
Yes, Vue Skills is open source under the MIT license and completely free to use. It's an early community experiment that may be proposed for transfer to the official Vue organization if proven valuable.
What's the difference between the bundle and individual skills?+
The vue-skills-bundle installs all eight skills at once (best practices for Composition API, Options API, Router, Pinia, testing, JSX, debugging, and composable creation). Individual installation lets you choose only the specific skills relevant to your project, like vue-router-best-practices or vue-testing-best-practices.
How do I install skills?+
Open the source repository on GitHub and follow its README. skills is a skill — MCP Agents Market links you directly to the official repo.
Is skills free?+
skills is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.