Description
vue-best-practices is an agent skill from the vuejs-ai skills collection that sets the standard approach for Vue.js tasks. The skill's default stack is Vue 3 with the Composition API, written in script setup with TypeScript, and it asks the agent to confirm the project's architecture before writing code. If a project uses the Options API or JSX, the skill points the agent to companion skills for those styles, if they are available. Its core principles are to keep state predictable with one source of truth and derive everything else from it, to make data flow explicit with props down and events up for most cases, to favour small focused components, to avoid unnecessary re-renders by using computed properties and watchers carefully, and to keep code readable. The skill also tells the agent to read its core reference material before starting. It is written to be used as an instruction set, and the workflow should be followed in order unless the user asks for another order. It covers Vue 3, server-side rendering and Volar tooling. The skill is listed on skills.sh, where the page shows install counts, GitHub stars and security audit results. Install it with npx skills add https://github.com/vuejs-ai/skills --skill vue-best-practices.…
Highlights
- Vue 3 with Composition API and script setup
- TypeScript as the default
- Architecture confirmed before coding
- Props down, events up data flow
- Companion skills for Options API and JSX
- Installs from skills.sh
Ratings & Reviews
No ratings yet
Be the first to rate vue-best-practices.
People also visit
vue-best-practices FAQ
What does this skill do?
It guides a coding agent through Vue.js tasks using the recommended approach: Vue 3, the Composition API, script setup and TypeScript.
What if my project uses the Options API?
The skill points to a companion vue-options-api-best-practices skill, if it is available. For JSX, it points to vue-jsx-best-practices.
What are the core principles?
One source of truth for state, explicit data flow with props down and events up, small focused components, careful use of computed properties and watchers, and readable code.
How do I install it?
Run npx skills add https://github.com/vuejs-ai/skills --skill vue-best-practices.
What are the security audit results?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
How popular is it?
The page shows about 41.1K installs, and the vuejs-ai/skills repository has 2.9K GitHub stars.
What are the best vue-best-practices alternatives?
Popular alternatives to vue-best-practices include vue-expert, vue-patterns and python-anti-patterns. See all vue-best-practices alternatives