What problem does it solve?
This Skill solves the problem of building Vue 3 applications that are consistent, type-safe, and maintainable—without getting stuck on unclear patterns for Composition API, state management, or performance tuning.
Core Features & Use Cases
- Composition API-first Vue component building: Design component structure around
setup, composables, reactive state, and derived computed values.
- State management with Pinia: Create predictable global state via typed stores and reusable actions/getters for real application workflows.
- Production-oriented implementation: Validate with
vue-tsc, optimize reactivity to reduce unnecessary renders, and support testing with Vue Test Utils + Vitest.
- Framework & platform coverage: Apply the same patterns to Nuxt 3 SSR/SSG, and extend into Quasar mobile/PWA use cases (service workers, hybrid builds).
- Typical use case: When starting a new Vue 3 product dashboard, use this Skill to scaffold components, establish a router-friendly page structure, implement Pinia stores for domain state, and validate everything with typechecking and unit tests.
Quick Start
Use the vue-expert skill to implement a Vue 3 Composition API component with TypeScript, a Pinia store for its state, and a small Vitest test suite.