implementing-stitch-designs - Convert Stitch Designs to React Components
Converts Stitch HTML mockups into production-ready React components
Tags
Updated: 2026-03-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- analyze HTML designs
- extract design tokens
- map UI components
- resolve design conflicts
- create implementation plan
- generate React components
Inputs
- Stitch HTML designs
- design screenshot files
- design system documentation
Outputs
- React component files
- implementation plan
- token mapping table
Requirements
- Stitch design files (.html/.png)
- React environment
- design system docs
- writing-plans superpower
