vue-best-practices: a Claude Code skill by Vue AI

For Vue 3 developers who want Claude to use the Composition API with TypeScript and plan components before coding. Skip it if your project is not Vue or sticks to the Options API.

Copy install command View the source

Score: 73of 100
Rank: #142of 239
Installs: 45.2Kon skills.sh
Security: Clear 5 scanners
Updated: Oct 232026
Context: ~83tokens always

Install

npx skills add https://github.com/vuejs-ai/skills --skill vue-best-practices

Run it in your terminal. View the source

Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app

What does vue-best-practices do?

vue-best-practices is a skill that sets a step-by-step workflow for any Vue task, defaulting to Vue 3, the Composition API and <script setup lang="ts">. Claude first confirms the architecture and reads four core references on reactivity, single-file components, component data flow and composables. For larger features it sketches component boundaries and state owners before writing code. Slots, Teleport, KeepAlive, Suspense, transitions, plugins and render functions are added only when a requirement calls for them. Performance work such as list virtualization or v-memo comes after behavior is correct. A final self-check covers typed contracts, state ownership, cleanup and tests.

When should you use vue-best-practices?

Use it when

You are building a new Vue 3 feature
You are refactoring a large single-file component
You want composables split by responsibility

Skip it when

Your project uses the Options API by choice
You are not working in Vue

What it needs and what it can touch

You need

A Vue 3 project

What it can do

Reads and edits project files

From reading its instructions, not from running it.

Why it scores 73

Strongest on upkeep (100 of 100), weakest on adoption (51).

Adoption35 points 51
Upkeep20 points 100
Trust20 points 65
Quality15 points 100
Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is vue-best-practices safe to install?

Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

Scanner	Result	Date
Gen Agent Trust Hub	Passed	Oct 23, 2026
Socket	Passed	Oct 23, 2026
Snyk	Low risk	Oct 23, 2026
Runlayer	Passed	Feb 26, 2026
ZeroLeaks	Passed	Apr 16, 2026

Details

Installs: 45,248
Repository stars: 3,325
Last repository change: Oct 23, 2026
Tokens always loaded: about 83
Tokens when used: about 2,508
License: MIT
Data confidence: High

Alternatives to vue-best-practices

All skills for this job

vue

For Vue developers who want a short, current reference for Vue 3.5 macros, reactivity and built-in components.

Score 72 36.2K installs

Get vue
tailwind-design-system

For developers setting up a component library or design tokens on Tailwind CSS v4.

Score 76 73K installs

Get tailwind-design-system
shadcn

For React developers on shadcn/ui who want Claude to add and compose components through the CLI.

Score 93 415K installs Official

Get shadcn
shadcn-ui

For React developers setting up shadcn/ui components, Zod forms and Tailwind themes.

Score 64 22.7K installs

Get shadcn-ui