Lightlines
By google-labs-code

react:components

google-labs-code50.7k installs

Turn Stitch designs into modular React components.

What it does

Builds modular Vite and React components from Stitch designs and synchronizes existing components with updated designs.

When to use it

Use when transforming Stitch designs into React code or synchronizing existing React components with current designs.

How to use it

Give it a Stitch project and screens in a target project; it creates or updates modular React components there.

What you provide

  • a Stitch project
  • screens to convert or sync
  • An existing project

Uses

Good to know

  • cannot be undone: resources/style-guide.json

Security reviews

Not yet reviewed.


What you need · 2

Requires a connected Stitch MCP server to discover its prefix and retrieve every screen.

Node.js 18.0.0 or newer enables the optional validation tooling.


Access · 4

This skill

resources/style-guide.json

Write

Overwrites the bundled style guide (irreversible)

Stitch

Read

Reads Stitch screens and metadata