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

🎯

vue-pinia-best-practices🎯Skill

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

🎯

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.

🎯

create-adaptable-composable🎯Skill

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

🎯

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-options-api-best-practices🎯Skill

Validates and refactors Vue Options API components for optimal structure, lifecycle management, and performance 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.

🔌

create-adaptable-composable🔌Plugin

A Vue 3 development skill that teaches AI agents to create adaptable composables, derived from real-world issues in Vue 3 projects.