Design tool
Google Stitch agent skills for Claude Code, Codex and other agents.
- skills
- 28
- official
- 9
- Type
- Design tool
- Website
- stitch.withgoogle.com
- Official GitHub
- google-labs-code
- Reviews
- See Google Stitch on Enlisted
Google Stitch skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
Official (9 skills)
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen. | google-labs-code/ | 8.4k | 6 repos | ~3.2k | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 2 | Generates a DESIGN.md design-language file for Google Stitch that encodes color, typography, layout, component behavior and motion rules to avoid generic AI-looking UI. | google-labs-code/ | 8.4k | 15 repos | ~3.1k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 3 | Develop the Stitch SDK. An agent skill from google-labs-code/stitch-sdk. | google-labs-code/ | 1.8k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 4 | Builds a website page by page with Stitch in an autonomous loop, passing a baton file from one iteration to the next that names the next page and prompt. | google-labs-code/ | 8.4k | 5 repos | ~2.6k | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 5 | Run the full Stitch SDK generation pipeline. An agent skill from google-labs-code/stitch-sdk. | google-labs-code/ | 1.8k | — | ~2k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 6 | Generate or update the README for the Stitch SDK. An agent skill from google-labs-code/stitch-sdk. | google-labs-code/ | 1.8k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 7 | Use the Stitch SDK to generate, edit, and iterate on UI screens from text prompts, manage projects, and retrieve screen HTML/images. | google-labs-code/ | 1.8k | — | ~2.8k | Automated safety check: Pass | Apache-2.0 | 6 days ago |
| 8 | Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data. | google-labs-code/ | 8.4k | — | ~914 | Automated safety check: Notes | Apache-2.0 | 1 mo ago |
| 9 | Analyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop | google-labs-code/ | 8.4k | — | ~783 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
Community
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 10 | 10.Prd To UX A skill your agent uses when translating a PRD, feature spec, or raw product idea into screen-level prompts for web UX generators (Google Stitch, Figma AI, Pencil.dev, Claude Design, v0, or similar). | ragnar-pwninskjold/ | 136 | — | ~1.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 11 | Unified entry point for Stitch design work. An agent skill from diodeme/Gold-Band. | diodeme/ | 143 | 1 repo | ~925 | Automated safety check: Pass | AGPL-3.0 | 7 days ago |
| 12 | Vibe Coding 流水线第五步:依据 design.md(视觉准则)与 interaction.md,为每个页面在 Stitch 画布生成原型, 经 stitch-mcp 拉取 HTML 与截图存入 prototypes/,并与交互文档做双向对齐校验。 | idiotLeoLYJ/ | 139 | — | ~3.1k | Automated safety check: Pass | No licence | 28 days ago |
| 13 | Expert guide for creating effective prompts for Google Stitch AI UI design tool. | aiskillstore/ | 430 | 5 repos | ~2.7k | Automated safety check: Pass | No licence | today |
| 14 | Extract a complete design system from an existing website or screenshot into a DESIGN.md file. | jezweb/ | 1.1k | — | ~2.2k | Automated safety check: Notes | MIT | 2 days ago |
| 15 | 15.Design Loop Autonomous multi-page site builder using a baton-passing loop. | jezweb/ | 1.1k | — | ~5.2k | Automated safety check: Notes | MIT | 2 days ago |
| 16 | 16.Omk Stitch Google Stitch design-to-code workflow with design system management. | KaimingWan/ | 107 | — | ~2.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 17 | 17.Oma Design AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. | first-fluke/ | 1.3k | — | ~2.9k | Automated safety check: Pass | MIT | yesterday |
| 18 | Drive Google Stitch over MCP safely - read screens, write and lint DESIGN.md, create design systems, and fix designs through variants instead of overwriting. | HoangNguyen0403/ | 570 | — | ~686 | Automated safety check: Pass | MIT | yesterday |
| 19 | Generate visual prototype prompts from SCR- entries for Google Stitch (or equivalent UI generation tool). | mattgierhart/ | 179 | — | ~1.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 20 | 20.Stitch CLI Drives Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI… | ItamarZand88/ | 231 | — | ~842 | Automated safety check: Pass | MIT | 6 days ago |
| 21 | 21.Stitch CLI Use cli-web-stitch to interact with Google Stitch AI design tool — create UI designs from text prompts, list and manage design projects (rename, duplicate, download), view and download generated… | ItamarZand88/ | 231 | — | ~1.3k | Automated safety check: Pass | MIT | 6 days ago |
| 22 | Official Google Stitch SDK wrapper for OpenClaw. An agent skill from LeoYeAI/openclaw-master-skills. | LeoYeAI/ | 2.2k | — | ~4.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 23 | 23.Stitch Loop Stitch를 사용하여 자율적으로 멀티 페이지 웹사이트를 생성하는 반복 빌드 루프 패턴 — 바통 시스템으로 지속적 웹사이트 개발. | jh941213/ | 126 | — | ~1.5k | Automated safety check: Notes | No licence | 2 mo ago |
| 24 | 24.Stitch Loop Iterative build loop pattern for autonomously generating multi-page websites using Stitch -- continuous website development via baton system. | jh941213/ | 126 | — | ~1.1k | Automated safety check: Notes | No licence | 2 mo ago |
| 25 | AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. | yonatangross/ | 288 | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 26 | How to write and maintain a DESIGN.md in the 9-section Google Stitch format. | hashgraph-online/ | 1.2k | — | ~4.5k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 27 | Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens, component patterns, and motion specs as design-tokens.json… | yonatangross/ | 288 | — | ~3.5k | Automated safety check: Notes | MIT | yesterday |
| 28 | Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP. | yonatangross/ | 288 | — | ~4.4k | Automated safety check: Notes | MIT | yesterday |
Questions, answered from the data.
What is the best Google Stitch skill?
Stitch to Remotion Walkthrough Videos (official) from google-labs-code/stitch-skills ranks first of the 28 Google Stitch skills listed here, with the highest score: its repository has 8.4k GitHub stars, 6 other GitHub owners carry a copy, its SKILL.md loads about 3.2k tokens and it has informational notes only in the automated safety check. Next come Stitch Taste Design System and Stitch SDK Development.
Is there an official Google Stitch skill?
9 of the 28 Google Stitch skills are official, published by the vendor's own GitHub organization: Stitch to Remotion Walkthrough Videos, Stitch Taste Design System, Stitch SDK Development, Stitch Build Loop, Stitch SDK Pipeline and 4 more.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.