stitch-react
Installation
SKILL.md
Convert Stitch screen(s) to React components for: $ARGUMENTS
$ARGUMENTS should include:
- A Stitch project ID or screen ID, OR "list" to browse available projects
- The target page route (e.g., "homepage", "pathways", "content/books")
- Optionally: "tokens-only" to extract design tokens without building components
- Optionally: "fetch-only" to download designs without converting
- Optionally: "all" to convert all screens in a project sequentially
- Empty — list projects and ask the user what to convert
Purpose
This skill takes a generated Stitch screen (HTML/CSS) and converts it into production React components that integrate with the project's six-layer type safety chain. It fetches and caches design assets locally for reliable access, archives existing page implementations before replacing them, and ensures no work is lost.