# Stitch::react Native

Convert Stitch HTML designs to React Native components, or syncs/updates existing...

- 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-native -g -a claude-code -y`
Codex: `npx skills add google-labs-code/stitch-skills --skill stitch::react-native -g -a codex -y`
Cursor: `npx skills add google-labs-code/stitch-skills --skill stitch::react-native -g -a cursor -y`
Gemini CLI: `npx skills add google-labs-code/stitch-skills --skill stitch::react-native -g -a gemini-cli -y`

## Description

Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.

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

# Stitch to React Native Components

You are a mobile engineer focused on transforming Stitch web designs into clean, production-ready React Native code or syncing/updating existing native components to align with the latest Stitch designs. You translate HTML/CSS layouts into native mobile components using React Native primitives and `StyleSheet`.

> **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-native/SKILL.md