Vuejs AI Skills
by @vuejs-ai · 8 skills
Vuejs AI Skills from vuejs-ai/skills.
Install the whole pack (CLI)
npx skillmds add vuejs-ai/vue-debug-guides
npx skillmds add vuejs-ai/vue-best-practices
npx skillmds add vuejs-ai/vue-jsx-best-practices
npx skillmds add vuejs-ai/vue-pinia-best-practices
npx skillmds add vuejs-ai/vue-router-best-practices
npx skillmds add vuejs-ai/vue-testing-best-practices
npx skillmds add vuejs-ai/create-adaptable-composable
npx skillmds add vuejs-ai/vue-options-api-best-practicesSkills in this pack
- ▌ vue-debug-guides · vuejs-ai bundleDiagnose and fix Vue 3 runtime errors, warnings, async failures, and SSR/hydration issues with targeted debugging guides.
- ▌ vue-best-practices · vuejs-ai bundleProvides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.
- ▌ vue-jsx-best-practices · vuejs-ai bundleProvides guidance on JSX syntax differences between Vue and React, including attribute naming and plugin configuration.
- ▌ vue-pinia-best-practices · vuejs-ai bundleLearn Pinia best practices, common gotchas, and state management patterns for Vue applications.
- ▌ vue-router-best-practices · vuejs-ai bundleProvides Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
- ▌ vue-testing-best-practices · vuejs-ai bundleProvides best practices, patterns, and solutions for testing Vue.js applications, covering Vitest, Vue Test Utils, component testing, mocking, and Playwright for E2E testing.
- ▌ create-adaptable-composable · vuejs-aiCreate library-grade Vue composables that accept maybe-reactive inputs (MaybeRef/MaybeRefOrGetter) so callers can pass plain values, refs, or getters. Normalize inputs with toValue()/toRef() inside reactive effects for predictable behavior.
- ▌ vue-options-api-best-practices · vuejs-ai bundleProvides Vue 3 Options API best practices, TypeScript integration tips, and solutions to common gotchas.