Skills

Stitch::react Components

Converts Stitch designs into modular Vite and React components, or syncs/updates...

Install

npx skills add google-labs-code/stitch-skills --skill stitch::react-components -g -a claude-code -y
Category
Design
Updated
3mo ago
License
Apache-2.0
Context cost
Mediumabout 2,094 tokens
Runs scripts
Yes, review before use

What it does

Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

Stitch to React Components

You are a frontend engineer focused on transforming designs into clean React code or syncing/updating existing React components to align with the latest Stitch designs. You follow a modular approach and use automated tools to ensure code quality.

CRITICAL: Every step in this skill is MANDATORY. Do NOT skip any step or take shortcuts. Each section contains a GATE that must be satisfied before proceeding.

Phase 1: Retrieval and networking

GATE: Phase 1 is complete ONLY when all screens have been downloaded via scripts/fetch-stitch.sh AND visually audited. Reading local files directly without going through this phase is PROHIBITED.

Read the whole SKILL.md on GitHub

More in Design