Setup & Installation
npx skills add https://github.com/google-labs-code/react-components --skill react-components
https://github.com/google-labs-code/react-components
View on GitHubWhat This Skill Does
Converts Stitch design screens into modular React components with TypeScript interfaces. Retrieves design assets via MCP tools, maps Tailwind config from the design HTML head, and runs AST validation on each component before serving a dev preview.
The bundled fetch script handles GCS redirects and security handshakes that standard AI fetch tools fail on, so design assets download reliably without manual workarounds.
When to use it
- Converting a Stitch screen into a typed React component with isolated hooks and a data file
- Pulling full-resolution screenshots from Google Cloud Storage using the bundled fetch script
- Syncing Tailwind config values from Stitch HTML exports into a local style-guide.json
- Splitting a multi-section design into separate component, hook, and mock data files
- Running AST validation on generated components to catch missing interfaces or hardcoded styles