component-creation - React Component Creation Guide
Create React components in squared package with TypeScript patterns, CSS Modules styling, Storybook stories, and tests.
Tags
Updated: 2026-06-15Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create React component
- define TypeScript types
- create CSS Module styles
- write Storybook stories
- write component tests
- export component
Inputs
- component name
- package name
- design tokens
Outputs
- React component file
- CSS Module file
- Storybook story file
- test file
Requirements
- React 18+
- TypeScript 5+
- Vitest
- Storybook
- CSS Modules