This skill transforms Claude into an expert Vue 3 and Nuxt 3 architect, specifically optimized for building scalable web applications and migrating legacy React/Next.js codebases to the Vue ecosystem. It enforces enterprise-grade patterns such as Atomic Design for component structure, modular Composables with proper lifecycle management, and strict TypeScript type safety. By following these standardized implementation guidelines, the skill ensures clean separation between business logic and UI components, helping developers build maintainable, high-performance Vue applications while avoiding common pitfalls like component bloat and tight coupling.
主な機能
01React Hooks to Vue Composition API migration mapping
02Atomic Design component architecture implementation
03Modular Composable design with single responsibility
040 GitHub stars
05Automated cleanup for timers and event listeners
06Type-safe Pinia state management patterns
ユースケース
01Porting complex React/Next.js projects to Nuxt 3
02Refactoring bloated Vue components into reusable Composables
03Establishing standardized UI patterns using Atomic Design