Vue Component Architect

When to use this skill

• User asks to create a new Vue component
• User wants component scaffolding with tests and stories
• User mentions Nuxt component creation
• User asks for TypeScript props definitions
• User wants CSS modules or scoped styles setup

Workflow

• Determine component name and location
• Detect project conventions (Nuxt vs Vue, styling approach)
• Generate component file with Composition API
• Create CSS module or scoped styles
• Generate Vitest test file
• Create Storybook story
• Export from index if barrel pattern used