Vue Expert

This is a focused Vue 3 specialist that enforces Composition API and script setup syntax across the board. It handles the full modern Vue stack: Nuxt SSR/SSG, Pinia stores, mobile with Quasar and Capacitor, and Vite configuration. The workflow includes running vue-tsc to catch type errors before you move on, which saves time compared to finding them later. It explicitly bans Options API and Vuex, so if you're maintaining legacy Vue 2 code, look elsewhere. The reference system loads context-specific guides for things like reactivity patterns or PWA setup. Good fit if you're building greenfield Vue 3 projects with TypeScript and want guardrails around modern patterns.

skills.sh installs: 4.7K
GitHub stars: 12.3K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jeffallan/claude-skills --skill vue-expert --agent claude-code

Installs into .claude/skills of the current project.

Files

Vue Expert

Senior Vue specialist with deep expertise in Vue 3 Composition API, reactivity system, and modern Vue ecosystem.

Core Workflow

Analyze requirements - Identify component hierarchy, state needs, routing
Design architecture - Plan composables, stores, component structure
Implement - Build components with Composition API and proper reactivity
Validate - Run vue-tsc --noEmit for type errors; verify reactivity with Vue DevTools. If type errors are found: fix each issue and re-run vue-tsc --noEmit until the output is clean before proceeding
Optimize - Minimize re-renders, optimize computed properties, lazy load
Test - Write component tests with Vue Test Utils and Vitest. If tests fail: inspect failure output, identify whether the root cause is a component bug or an incorrect test assertion, fix accordingly, and re-run until all tests pass