Enforces modern Vue 3 patterns and TypeScript-first architectures for robust, testable frontend development.
This skill provides a comprehensive framework for building high-quality Vue 3 applications using the Composition API. It prioritizes type safety, modern APIs like defineModel, and user-centric testing patterns while actively preventing the use of legacy anti-patterns. By integrating a mandatory research protocol and strict development workflows, it ensures that Claude implements components, composables, and routing logic that are maintainable, production-ready, and aligned with the latest official Vue documentation.
Key Features
01User-behavior testing patterns using Testing Library and MSW mocking
02Red-flag detection for legacy Vue 2 patterns and runtime validation
03Automated migration from manual v-model boilerplate to defineModel
04Standardized routing and composable architecture workflows
050 GitHub stars
06Strict TypeScript-first implementation for props, emits, and models
Use Cases
01Architecting new Vue 3 features with type-safe state management
02Implementing integration tests that verify user-visible behavior over internals
03Refactoring legacy Options API components to modern Composition API
