# Stitch::react Components

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

- Repository: https://github.com/google-labs-code/stitch-skills (8654 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-08-17
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add google-labs-code/stitch-skills --skill stitch::react-components -g -a claude-code -y`
Codex: `npx skills add google-labs-code/stitch-skills --skill stitch::react-components -g -a codex -y`
Cursor: `npx skills add google-labs-code/stitch-skills --skill stitch::react-components -g -a cursor -y`
Gemini CLI: `npx skills add google-labs-code/stitch-skills --skill stitch::react-components -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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.**

The rest: https://github.com/google-labs-code/stitch-skills/blob/HEAD/plugins/stitch-build/skills/react-components/SKILL.md