vue-best-practices

vue-best-practices is an open-source frontend skill for Claude Code and compatible agents, published by antfu. Its author describes it as: “MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or…”. The project has 5.8k stars on GitHub and is available under the MIT license. Add it to your setup with `git clone https://github.com/antfu/skills ~/.claude/skills/vue-best-practices`.

What vue-best-practices does

Use this skill as an instruction set. Follow the workflow in order unless the user explicitly asks for a different order.

Installation

Add vue-best-practices to your agent with:

git clone https://github.com/antfu/skills ~/.claude/skills/vue-best-practices

Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.

What's inside

The SKILL.md for vue-best-practices is organised into these sections:

• Core Principles
• 1) Confirm architecture before coding (required)
• 1.1 Must-read core references (required)
• 1.2 Plan component boundaries before coding (required)
• 2) Apply essential Vue foundations (required)
• Reactivity
• SFC structure and template safety
• Keep components focused
• Component data flow
• Composables
• 3) Consider optional features only when requirements call for them
• 3.1 Standard optional features

When to use it

Reach for vue-best-practices when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.

Strengths

• Clear MIT license — safe to read and adapt
• Ships in antfu/skills, an established project with 5,770 GitHub stars
• Actively maintained (recent commits)

Topics

Frequently asked questions

What does vue-best-practices do?

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

How do I install vue-best-practices?

Run git clone https://github.com/antfu/skills ~/.claude/skills/vue-best-practices in your agent, then reload your skills. Review the source at https://github.com/antfu/skills before installing.

Is vue-best-practices free to use?

Yes. vue-best-practices is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.

Where does vue-best-practices come from?

vue-best-practices ships inside antfu/skills, a repository that contains 19 catalogued skills in total. The repository's 5,770 GitHub stars apply to that whole collection, not to this skill on its own.