Back to skills

react-components

development

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

Setup & Installation

npx skills add https://github.com/google-labs-code/react-components --skill react-components
or paste the link and ask your coding assistant to install it
https://github.com/google-labs-code/react-components
View on GitHub

What 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

  • Working with react components functionality
  • Implementing react components features
  • Debugging react components related issues