React Component Architect

When to use this skill

• User asks to create a new React component
• User wants component scaffolding with tests and stories
• User mentions Next.js component creation
• User asks for TypeScript interfaces for props
• User wants CSS modules or styled components setup

Workflow

• Determine component name and location
• Detect project conventions (file structure, styling approach)
• Generate component file with TypeScript props
• Create CSS module with design tokens
• Generate test file
• Create Storybook story
• Export from index if barrel pattern used