vuejs-ai/skills

21 resources in this repository

🎯12Skills🔌8Plugins🏪1Marketplaces

1,983

🎯Skills12

Optimize Pinia state management in Vue.js with automated pattern detection, performance recommendations, and clean architectural guidance.

vue-pinia-best-practices

🎯vue-best-practices🎯Skill

Enforces Vue 3 best practices, recommending Composition API, TypeScript, and performance optimizations for Vue.js development.

vue-best-practices

🎯vue-debug-guides🎯Skill

Provides interactive debugging tutorials and real-time error diagnosis for Vue.js applications, with step-by-step visual guides and performance insights.

vue-debug-guides

🎯vue-router-best-practices🎯Skill

Guides Vue.js developers in implementing clean, scalable routing strategies with best practices for navigation, route guards, and dynamic routing.

vue-router-best-practices

🎯create-adaptable-composable🎯Skill

Generates flexible Vue component architectures with dynamic composition, prop injection, and adaptive rendering strategies for scalable frontend development.

create-adaptable-composable

🎯vue-testing-best-practices🎯Skill

Provides Vue.js testing best practices, patterns, and common gotchas covering Vitest, Vue Test Utils, component testing, mocking, async testing, Pinia store setup, and Playwright for E2E testing.

vue-testing-best-practices

🎯vue-options-api-best-practices🎯Skill

Validates and refactors Vue Options API components for optimal structure, lifecycle management, and performance best practices.

vue-options-api-best-practices

🎯vue-jsx-best-practices🎯Skill

Covers Vue JSX best practices and differences from React JSX, including class vs className, JSX plugin configuration, and migrating React JSX code to Vue.

vue-jsx-best-practices

🎯vue-router-best-practices🎯Skill

Agent skills for Vue 3 development, derived from real-world issues and providing specialized patterns for AI agents to enhance Vue development workflows.

vue-router-best-practices

🎯vue-development-guides🎯Skill

Agent skills for Vue 3 development, derived from real-world issues, providing specialized patterns and best practices for AI agents working with Vue applications.

vue-development-guides

🎯vue-options-api-best-practices🎯Skill

Vue 3 Options API best practices covering TypeScript integration, method binding, lifecycle hooks, computed properties, and common gotchas like arrow function pitfalls and stateful method lifecycle management.

vue-options-api-best-practices

🎯vue-jsx-best-practices🎯Skill

Agent skills for Vue 3 development, derived from real-world issues and providing specialized patterns for AI agents to enhance Vue development workflows.

vue-jsx-best-practices