Design to React

Convert design component specifications to React components.

Overview

This skill transforms design specifications into idiomatic React components with TypeScript support, proper prop interfaces, and flexible styling approaches.

This skill covers:

• Converting design frames to React component hierarchy
• Mapping design properties to CSS/styled-components
• Generating TypeScript interfaces for props
• Creating Storybook stories for documentation

This skill does NOT cover: