google-labs-code
4 skills in one repo.
stitch-skills Skill collection
A library of Agent Skills designed to work with the Stitch MCP server.
8,705 stars on GitHub, Nov 9, 2026 · 4 skills
-
- Use it when:
- You want an agent to build a whole website with Google Stitch, Google's AI tool that generates UI screens from text, one page per run.
- It does:
- Reads the next page's prompt from a "baton" file, generates the screen in Stitch, adds its HTML to your site and wires up the navigation.
- Age
- 9 months
- Stars
- 8.7K
- #90
- Total Downloads
- 57.2K
- top 17%
- Weekly Downloads
- 375
- top 47%
-
- Use it when:
- You have app screens designed in Google Stitch, Google's AI UI design tool, and want a video that walks through them.
- It does:
- Downloads each screen's screenshot from Stitch, sets up a Remotion project (video made from React code), builds slides with zooms, transitions and text overlays, and renders it.
- Age
- 9 months
- Stars
- 8.7K
- #90
- Total Downloads
- 42.1K
- top 19%
- Weekly Downloads
- 351
- top 48%
-
- Use it when:
- You generate screens with Google Stitch, Google's AI tool that designs UI from text, and don't want them to look AI-made.
- It does:
- Sets the project's density, variance and motion levels, then writes rules for color, type, components, layout, responsiveness and motion, and a list of banned AI tells.
- Age
- 7 months
- Stars
- 8.7K
- #90
- Total Downloads
- 21K
- top 28%
- Weekly Downloads
- 386
- top 47%
-
- Use it when:
- You've designed a data-dense dashboard in Google Stitch, Google's AI UI design tool, and want it as React code.
- It does:
- Fetches a screen through the Stitch MCP server, saves its HTML and screenshot, maps DESIGN.md tokens to CSS variables, then splits the screen into components, pages and hooks.
- Age
- 3 months
- Stars
- 8.7K
- #90
- Total Downloads
- 6.1K
- bottom 28%
- Weekly Downloads
- 303
- bottom 49%