vue
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.
Install
With your agent
Install OMGSkills skill "antfu/skills:vue" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/antfu/skills /tmp/skills && ln -s /tmp/skills/skills/vue ~/.claude/skills/vueFrom README
Vue Based on Vue 3.5, generated at 2026-09-25. Always use Composition API with . Preferences Prefer TypeScript over JavaScript Prefer over For performance, prefer shallowRef over ref if deep reactivity is not needed Always use Composition API over Options API Discourage using Reactive Props Destructure Core | Topic | Description | Reference | |-------|-------------|-----------| | Script & Macros | , defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots, generics | script- -macros | | Reactivity & Lifecycle | ref, shallowRef, computed, watch, watchEffect, effectScope, lifecycle hooks, composables | core-new-apis | Features | Topic | Description | Reference | |-------|-------------|-----------| | Built-in Components & Directives | Transition, Teleport, Suspense, KeepAlive, v-memo, custom directives | advanced-patterns | Quick Reference Component Template Key Imports
More from this repo
nuxt
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing.
antfu
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
nitro
Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere.