Vue Best Practices (antfu)

Name: Vue Best Practices (antfu)
Availability: InStock
Author: antfu

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…

High Quality

New

Join 0+ developers using this skill

skill

Development & Code Tools

intermediate

0 installs

4/5 quality

View Source

Last updated: September 2, 2026

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Quick Start

Install Command

npx skills add antfu/skills --skill vue-best-practices

TEAR & SHARE

3-5hrs/WK

RISING

0.0K+ USING

Tags

vue

frontend

best-practices

antfu

trending-2026-09

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

Default stack: Vue 3 + Composition API + ``. - If the project explicitly uses Options API, load
```
vue-options-api-best-practices
```
skill if available. - If the project explicitly uses JSX, load
```
vue-jsx-best-practices
```
skill if available.

Highlights

Keep state predictable: one source of truth, derive everything else.
Make data flow explicit: Props down, Events up for most cases.
Favor small, focused components: easier to test, reuse, and maintain.
Avoid unnecessary re-renders: use computed properties and watchers wisely.
Readability counts: write clear, self-documenting code.

When to use it. 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…

Install

npx skills add antfu/skills --skill vue-best-practices

Or copy the skill folder manually:

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

Source: antfu/skills — 5,833 stars, MIT, last pushed 2026-06-23.

Vue Best Practices (antfu)

AI Skill Market Insights

Quick Start

Install Command

TEAR & SHARE

Tags

GitHub MCP Server

Be Part of the 0+ Developer Community

License

Pal MCP Server

using-git-worktrees

finishing-a-development-branch

test-driven-development

Channels

Learn

Compare

Company

Agents