Vue Skills

vue-skills

Agent skills for Vue 3 development.

🚧 **Early Experiment / Community Project**

This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development. Skills are derived from real-world issues but may be incomplete due to hallucinations—please give feedback. If valuable, I plan to propose transferring this project to the Vue organization to benefit the wider community.

Installation

npx skills add vuejs-ai/skills

Claude Code Marketplace

An alternative for Claude Code users:

# Add marketplace
/plugin marketplace add vuejs-ai/skills

# Install individual skills
/plugin install create-adaptable-composable@vue-skills

# Install multiple skills
/plugin install create-adaptable-composable@vue-skills vue-best-practices@vue-skills

Usage

For most reliable results, prefix your prompt with `use vue skill`:

Use vue skill, 

This explicitly triggers the skill and ensures the AI follows the documented patterns. Without the prefix, skill triggering may be inconsistent depending on how closely your prompt matches the skill's description keywords.

Available Skills

Skill	When to use	Description
vue-best-practices	Vue 3 + Composition API + TypeScript	Best practices, common gotchas, SSR guidance, performance
vue-options-api-best-practices	Options API (data(), methods)	this context, lifecycle, TypeScript with Options API
vue-router-best-practices	Vue Router 4	Navigation guards, route params, route-component lifecycle
vue-pinia-best-practices	Pinia for state management	Store setup, reactivity, state patterns
vue-testing-best-practices	Writing component or E2E tests	Vitest, Vue Test Utils, Playwright
vue-jsx-best-practices	JSX in Vue	Syntax differences from React JSX

...