Vue.js Development Guides
Implements industry-standard Vue 3 and Nuxt 3 best practices for building scalable, maintainable frontend applications.
This skill equips Claude with specialized knowledge for Vue.js and Nuxt development, ensuring codebases follow the Composition API, TypeScript-first Single-File Components (SFCs), and optimized reactivity patterns. It provides a structured framework for code reviews, refactoring, and new feature implementation by enforcing component decomposition, explicit data flow, and predictable state management. Use this skill to ensure your frontend architecture remains clean, testable, and aligned with the latest Vue ecosystem standards.
Key Features
01Standardizes SFC structure with TypeScript by default
02Ensures consistent data flow using props, emits, and v-model
031,280 GitHub stars
04Enforces Vue 3 Composition API and <script setup> patterns
05Guides component decomposition and the use of logic-based composables
06Optimizes reactivity management to prevent performance bottlenecks
Use Cases
01Architecting new Vue 3 or Nuxt 3 applications with best-in-class patterns
02Refactoring legacy Options API components into modern Composition API
03Conducting automated code reviews to maintain project quality and readability