Source from repo

Stitch to React Components

Convert Stitch-generated screens into validated React component systems with design token consistency

google-labs-codeGitHub google-labs-codeSource repo Original GitHub link Publisher page

Files

Skill

n/a

Size

21.3 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

resources/style-guide.json

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

code27 linesFree

resources/style-guide.json

1{
2  "theme": {
3    "colors": {
4      "primary": "#19e66f",
5      "background": {
6        "light": "#f6f8f7",
7        "dark": "#112118",
8        "elevated": "#1A1A1A"
9      },
10      "accent": {
11        "purple": "#8A2BE2",
12        "lavender": "#D0A9F5"
13      }
14    },
15    "typography": {
16      "display": [
17        "Space Grotesk",
18        "sans-serif"
19      ],
20      "icons": "Material Symbols Outlined"
21    },
22    "spacing": {
23      "header-h": "72px",
24      "container-max": "960px"
25    }
26  }
27}

Preparing the source view

Stitch to React Components

resources/style-guide.json