StealIt
Google Labs OfficialClaude skill for mobile app development

Stitch React Native

stitch::react-native

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

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

$ npx skills add google-labs-code/stitch-skills --skill stitch::react-native

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Stitch React Native

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name.

It includes scripts that Claude may run on your computer, so skim them on GitHub before you install.

What the instructions cover

  1. 1Phase 1: Retrieval and networking
  2. 2Phase 2: Theme extraction
  3. 3Phase 3: Architectural rules and HTML mapping
  4. 4Phase 4: Execution steps
  5. 5Troubleshooting

Section headings from the skill's SKILL.md file.

What's inside · 9 files

  • README.md
  • SKILL.md
  • examples/gold-standard-card.tsx
  • package-lock.json
  • package.json
  • resources/architecture-checklist.md
  • resources/component-template.tsx
  • scripts/fetch-stitch.sh
  • scripts/validate.js

More from Google Labs

See all →

Design MD

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Design & UIGoogle Labs8.7k

Enhance Prompt

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better…

AI & AgentsGoogle Labs8.7k

React Vite Dashboard

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

FrontendGoogle Labs8.7k

Remotion

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Video & MotionGoogle Labs8.7k

More Claude skills for mobile app development

See all →

Animate Expo

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…

MobileEmil Kowalski54k

Mobile Native

Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states…

MobileEmil Kowalski54k

Write Swift

How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups)…

MobileEmil Kowalski54k

Vercel React Native Skills

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or…

MobileVercel34k