Prototype to Production Skill Convert design prototypes into production-ready, typed components by analyzing structure, extracting patterns, and generating clean code. When to Use - Converting HTML prototypes to React components - Transforming super-design outputs ( ) to production code - Breaking down Figma exports into reusable components - Extracting design tokens from prototype CSS/inline styles - Productionizing a mockup or proof-of-concept UI Conversion Workflow Step 1: Analyze Input Detect prototype type and structure: | Input Type | Detection Method | Key Patterns | |------------|----…