Component Scaffold Skill

This skill provides comprehensive component scaffolding with:

• Framework-specific component templates (React, Vue, Svelte)
• TypeScript interfaces with proper types
• Accessibility attributes (ARIA labels, roles)
• Storybook stories with variants and tests
• Optional visual mockups
• Best practice patterns for each framework

Features

Component Generation

• Type-Based Templates: Pre-built templates for common component types (Button, Input, Card, Modal, Table, etc.)
• Custom Components: Generate components with user-defined props
• Framework Support: React, Vue 3, Svelte 5
• TypeScript First: All components generated with proper TypeScript types
• Accessibility: Built-in ARIA attributes and semantic HTML