vue-expert

Installation
Summary

Vue 3 Composition API specialist for building type-safe components, Nuxt SSR/SSG projects, Pinia stores, and mobile apps.

  • Builds Vue 3 components with <script setup> syntax, reactive state management using ref() and reactive(), and computed properties; enforces TypeScript type safety throughout
  • Configures Nuxt 3 projects for SSR/SSG with file-based routing, implements Pinia stores for global state, and optimizes Vite builds with sourcemap and bundling tuning
  • Scaffolds hybrid mobile apps using Quasar and Capacitor, implements PWA features with service workers, and manages Vue Router navigation
  • Validates implementations with vue-tsc type checking and Vue Test Utils/Vitest test suites; optimizes re-renders and lazy-loads components
SKILL.md

Vue Expert

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

Core Workflow

  1. Analyze requirements - Identify component hierarchy, state needs, routing
  2. Design architecture - Plan composables, stores, component structure
  3. Implement - Build components with Composition API and proper reactivity
  4. 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
  5. Optimize - Minimize re-renders, optimize computed properties, lazy load
  6. 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

Reference Guide

Load detailed guidance based on context:

Topic Reference Load When
Related skills

More from jeffallan/claude-skills

Installs
2.0K
GitHub Stars
9.0K
First Seen
Jan 20, 2026