Vue

This is a modular reference system for Vue 3 projects built around the Composition API. Instead of loading everything at once, you pull in only the reference files you need for your current task: component patterns when working on .vue files, composable guidelines when building use* functions, testing docs when writing specs. It covers the practical stuff like reactive destructuring with defineProps, typed emits, VueUse integration, and common gotchas with vue-tsc. The skill explicitly defers to specialized skills for Nuxt-specific patterns, so it's really focused on core Vue 3 work. Smart for keeping your context window clean while still having solid patterns on hand when you need them.

skills.sh installs: 8.1K
GitHub stars: 723
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add onmax/nuxt-skills --skill vue --agent claude-code

Installs into .claude/skills of the current project.

Files

Vue

Based on Vue 3.5, generated at 2026-09-25. Always use Composition API with <script setup lang="ts">.

Preferences

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

Core

Topic	Description	Reference
Script Setup & Macros	`<script setup>`, defineProps, defineEmits, defineModel, defineExpose, defineOptions, defineSlots, generics	script-setup-macros
Reactivity & Lifecycle	ref, shallowRef, computed, watch, watchEffect, effectScope, lifecycle hooks, composables	core-new-apis