Plan Vue 3 component architecture with TypeScript-first patterns and defineModel.
npx skills add https://github.com/lzx0122/NigPing --skill vue-development
Please help me install this Agent Skill. Skill: vue-development Source: https://github.com/lzx0122/NigPing/tree/main/.agent/skills/vue-development Command: npx skills add https://github.com/lzx0122/NigPing --skill vue-development
Vue 3 project planning and architecture often struggle to enforce TypeScript-first patterns, modern Composition API usage, and robust testing practices; this Skill provides guidance to plan and implement clean patterns before writing code.
Describe your Vue 3 project constraints to receive a recommended architecture and testing plan.
High-intent search queries and answers about installing and using this skill.
To plan a Vue 3 project structure, enforce TypeScript-first patterns and the Composition API to design components, reduce boilerplate, and establish robust testing strategies before writing code.
The best way to use defineModel for v-model bindings is to enforce it during the planning phase to establish TypeScript-first two-way data flow, reducing boilerplate in your Vue 3 components.
Set up Vue 3 component testing and API mocking by outlining workflows with @testing-library/vue and MSW during the architecture planning phase to ensure robust test coverage.
Yes, you can enforce TypeScript-first patterns in an existing Vue 3 application by applying the skill during implementation to refactor component structure, integrate defineModel, and establish testing practices.
No, this Vue 3 planning approach requires TypeScript to enforce TS-first patterns, defineModel for v-model bindings, and establish strict typing across component structures and testing workflows.
leocostaTest React or Vue components in isolation with mocked network boundaries.
verivendWrite Vue 3 interaction tests with Storybook, Testing Library, and MSW.
NKDShinKuImplement Vue Router 4 navigation guards in Vue 3 projects.
belokonmDevelop scalable Vue 3 apps with Composition API and typed Pinia stores.
