PlugWiki

vue Skill (antfu) for Claude: What It Does and How to Install It

Makes Claude write Vue 3 with script setup, TypeScript and the Composition API.

Installs
36.2K
on skills.sh
Stars
6K
on GitHub
Files
4
besides SKILL.md
Updated
Oct 2026
last repo commit

The vue skill from Anthony Fu tells Claude how to write Vue 3 components. It sets preferences: TypeScript, <script setup lang="ts">, the Composition API, and shallowRef over ref when deep reactivity is not needed.

It triggers when you write Vue single-file components, use defineProps, defineEmits or defineModel, work with watchers, or use Transition, Teleport, Suspense or KeepAlive. SKILL.md is short and points to three reference files. The README calls the repo a proof of concept.

Good for

  • Vue 3 developers who want consistent script setup code from Claude
  • Teams that follow Anthony Fu's conventions
  • Developers using Transition, Teleport, Suspense or KeepAlive

Install vue

Claude Code

  1. 1

    Copy this prompt.

    Install the vue skill in Claude Code. Run this command:

npx skills add https://github.com/antfu/skills --skill vue

Then check that it loaded and tell me how to use it.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

Sections in SKILL.md

  1. Preferences
  2. Core
  3. Features
  4. Quick Reference
  5. Component Template
  6. Key Imports

Key facts

Author
Anthony Fu (SKILL.md metadata)
Repository
antfu/skills
Installs on skills.sh
36,160 as of 2026-11-02
GitHub stars
6,032 for the whole antfu/skills repo, 2026-11-02
License
MIT
Last commit to the repo
2026-10-30
What is inside
5 files including SKILL.md: GENERATION.md and 3 reference guides (script-setup-macros, core-new-apis, advanced-patterns)
Version
2026.9.25 (SKILL.md metadata)
Based on
Vue 3.5, generated 2026-09-25 from vuejs/docs
skills.sh audits
Gen Agent Trust Hub pass, Socket pass, Snyk pass

What it includes

  • TypeScript, script setup, Composition API, shallowRef

    Claude always uses the Composition API and script setup with TypeScript. It discourages reactive props destructure.

    Read · Preferences

  • references/script-setup-macros.md

    defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots and generics.

    Read · Script setup and macros

  • references/core-new-apis.md

    ref, shallowRef, computed, watch, watchEffect, effectScope, lifecycle hooks and composables.

    Read · Reactivity and lifecycle

  • references/advanced-patterns.md

    Transition, Teleport, Suspense, KeepAlive, v-memo and custom directives.

    Read · Built-in components and directives

  • A component template and the key imports

    A short single-file component using props, emits, defineModel, computed and watch, plus import lists for reactivity, watchers, lifecycle and utilities.

    Read · Quick reference

From the official docs

Questions

What does the vue skill do?

It gives Claude Vue 3 conventions and reference notes so it writes script setup components in TypeScript with the Composition API. It covers macros, reactivity and the built-in components.

How do I install the vue skill?

Use the install box at the top of this page. The README also recommends a skills pack installed with skills-npm, and a command that installs every skill in the repo.

Does it support Vue 2 or the Options API?

It is aimed at Vue 3 and the Composition API. The SKILL.md is based on Vue 3.5 and says to always use the Composition API over the Options API.

How current is it?

The SKILL.md says it was generated on 2026-09-25 from the Vue docs and is based on Vue 3.5. The GENERATION.md file records the source commit.

Is the vue skill safe to use?

It bundles no scripts. It is instructions plus three reference files, and the README says the repo is a proof of concept that the author has not fully tested.

Which other skills are in the same repo?

The README lists hand-maintained skills and others generated from official docs: nuxt, pinia, vite, vitepress, vitest, unocss and pnpm. They are separate skills.

Information

updated Nov 2, 2026

Repository
antfu/skills
Folder
skills/vue

antfu/skillsskills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 3
  1. vue SKILL.md · github.com
  2. antfu/skills README · github.com
  3. vue GENERATION.md · github.com

Updated Nov 2, 2026.