Guides Vue 3 + TypeScript project implementation with architecture, typing, and testing practices.
npx skills add https://github.com/h5y1m141/pedaru-vue --skill vue-skill
Please help me install this Agent Skill. Skill: vue-skill Source: https://github.com/h5y1m141/pedaru-vue/tree/main/.claude/skills/vue-skill Command: npx skills add https://github.com/h5y1m141/pedaru-vue --skill vue-skill
This Skill provides an AI-driven guide for implementing Vue 3 + TypeScript projects, focusing on architecture, typing discipline, and scalable component design to reduce ramp-up time and complexity for teams building Vue apps.
Provide a new Vue 3 + TypeScript project skeleton or refactor plan that adheres to the guide; start with Nuxt 3 scaffolding; create composables and stores; set up unit tests and linting.
High-intent search queries and answers about installing and using this skill.
Vue 3 with TypeScript projects benefit from strict typing with as const and union types, modular Composition API composables, and Atomic Design component structure. This Skill guides you through architectural patterns for Nuxt 3 setups, Pinia state management, and scalable UI systems that reduce team ramp-up time.
Composables should be modular and type-safe, leveraging TypeScript's type guards and strict typing discipline. Pinia stores complement Composition API patterns for centralized state. This Skill provides opinionated patterns for organizing both to keep Vue 3 projects maintainable as they scale.
Yes. This Skill includes migration guidance from React to Vue 3, covering Composition API equivalents, component design translation, and Nuxt 3 integration. It accelerates adoption by mapping React patterns to Vue architecture and testing strategies.
Vue 3 with TypeScript testing emphasizes safe strategies using fake timers and mocks to isolate composables and components. This Skill covers unit test patterns aligned with strict typing and modular design, ensuring tests catch type errors and side effects early.
Yes. Atomic Design structure aligns naturally with Vue 3's Composition API and component modularity. This Skill applies Atomic Design principles to Vue 3 projects, enabling data-driven UI generation and scalable component systems with TypeScript type safety.
Pinia stores combined with TypeScript benefit from as const for literal types, union types for state shapes, and type guards for mutations. This Skill emphasizes strict typing discipline throughout stores and composables to prevent runtime errors in Vue 3 applications.
fanguyunCreate Vue 3 components with Composition API and Pinia state management.
ancolemanGuide machine learning model operationalization from experimentation to production monitoring.
VSF-QC-TTSAutomate ESLint, Prettier, Jest, and Vitest setup for TypeScript projects.
stephanjProvide Angular 17+ architecture guidance for standalone components and signals.
