Stitch React Native
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,596 GitHub stars across a repository of 4 listed skills.
Data as of from the GitHub API; description from the skill's SKILL.md. Report an error
- Official
- Multi-skill repo
- Design & frontend
- Active
Add this skill
Claude
Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):
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 projectIn the Claude apps, zip the stitch-react-native folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
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 projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
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 projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
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.
More skills in google-labs-code/stitch-skills
4 skills are listed from this repository.
Similar skills
More design & frontend skills
Build Daily Inspiration Sites
MengTo/Skills
Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites.
Maintained · last commit Oct 25, 2026
Design & frontendHTMLAnimate Expo
emilkowalski/skills
Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing…
Maintained · last commit Oct 11, 2026
Design & frontendMarkdownAntislop UI
miqdadbadjuber/anti-slop
UI and visual skill for antislop. Use when building or editing any interface: color, layout, components, motion.
Too new to judge · created Aug 7, 2026
Design & frontendJavaScriptNuxt
antfu/skills
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing.
Maintained · last commit Oct 23, 2026
Design & frontendTypeScriptInterface Review
jakubkrehel/skills
Reviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography, color and UI.
Maintained · last commit Oct 25, 2026
Design & frontendMarkdownGet Prompt From Image
wuyoscar/GPT-Image2-Skill
Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts.
Maintained · last commit Sep 30, 2026
Design & frontendPython
How do I install the Stitch React Native skill?
Copy the stitch-react-native folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.
Is the Stitch React Native skill free?
Yes. The repository is open source under the Apache-2.0 license.
Is Stitch React Native maintained?
The repository's most recent commit was on Aug 17, 2026. Its latest release is v1.0. appsgit only lists skills from repositories with a commit in the last six months.