vue

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/de…

antfu ↓ 30k

Claude Code

View source ↗

What it does

Prefer TypeScript over JavaScript
Prefer <script setup lang="ts"> over <script>
For performance, prefer shallowRef over ref if deep reactivity is not needed
Always use Composition API over Options API
Discourage using Reactive Props Destructure

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

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.

Source

Repository: https://github.com/antfu/skills

vue FAQ

What does the vue skill do?

How do I install vue?

Run: npx -y skills add https://github.com/antfu/skills --skill vue --agent claude-code — the source lives at github.com/antfu/skills.

Maintain vue?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![vue on getagentictools](https://getagentictools.com/badge/skills/antfu-skills-vue.svg)](https://getagentictools.com/skills/antfu-skills-vue?ref=badge)

npx agentictools info skills/antfu-skills-vue

The second line is the CLI lookup for this page — handy in READMEs and docs.