# Stitch React Native (agent skill)

> Stitch React Native is an agent skill (a SKILL.md file) from google-labs-code/stitch-skills. Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet. It works with Claude Code, Codex, Cursor, Gemini CLI and OpenCode and has 8,432 GitHub stars across a repository of 5 listed skills.

Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet. 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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/google-labs-code/stitch-skills |
| Skill path | plugins/stitch-build/skills/react-native/SKILL.md |
| Skill name | stitch-react-native |
| GitHub stars | 8,432 |
| Installs on skills.sh | not listed |
| License | Apache-2.0 |
| Skills in repo | 5 |
| Plugin marketplace | no |
| Official | yes |
| Works with | Claude Code, Codex, Cursor, Gemini CLI, OpenCode |
| Category | Design & frontend |
| Last commit | Aug 17, 2026 |

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git
cp -r stitch-skills/plugins/stitch-build/skills/react-native ~/.claude/skills/stitch-react-native   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git
cp -r stitch-skills/plugins/stitch-build/skills/react-native .agents/skills/stitch-react-native   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git
cp -r stitch-skills/plugins/stitch-build/skills/react-native .cursor/skills/stitch-react-native   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/google-labs-code-stitch-react-native
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.