LogoClawIndex
CasesSkillsAbout
LogoClawIndex

implementing-stitch-designs - Convert Stitch Designs to React Components

Converts Stitch HTML mockups into production-ready React components

Tags

Updated: 2026-03-09

Capabilities

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

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
frontend
react
design-system
conversion
implementation
analyze HTML designs
extract design tokens
map UI components
resolve design conflicts
Stitch HTML designs
design screenshot files
design system documentation
React component files
implementation plan
token mapping table