stitch::extract-design-md
stitch::extract-design-md is an agent skill published by google-labs-code, listed under design. It lives in the google-labs-code/stitch-skills repository, which has 8,597 GitHub stars and is licensed under Apache-2.0; we last read it on 2026-09-16.
Extracts a comprehensive design system (DESIGN.md) from frontend source code, supporting React, Vue, Svelte, Angular, plain HTML/CSS, and any web framework. Analyzes component files, stylesheets, Tailwind configurations, theme definitions, and design tokens to generate a rich, Stitch-compatible design system document.
Install
skills is a generic installer for any repository of Claude agent skills -- it reads google-labs-code/stitch-skills’s own structure rather than assuming one, the same way this page reads the skill’s own SKILL.md rather than assuming a format.
npx skills add google-labs-code/stitch-skills
Maintenance
Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code.
stitch::extract-design-md compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| stitch::extract-design-md (this page) | google-labs-code | Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, An… | 8,597 | 2026-08-17 |
| design-md(same repository) | google-labs-code | Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files | 8,597 | 2026-08-17 |
| enhance-prompt(same repository) | google-labs-code | Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords,… | 8,597 | 2026-08-17 |
| stitch::code-to-design(same repository) | google-labs-code | Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction… | 8,597 | 2026-08-17 |
| stitch::manage-design-system(same repository) | google-labs-code | Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design syste… | 8,597 | 2026-08-17 |
| taste-design(same repository) | google-labs-code | Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium… | 8,597 | 2026-08-17 |
| setup-matt-pocock-skills | mattpocock | Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain… | 303,549 | 2026-10-22 |
Skills from the same repository first, then others for this job by repository stars. Figures are from each repository when we last read it.
Common questions about stitch::extract-design-md
- What does stitch::extract-design-md do?
- Extracts a comprehensive design system (DESIGN.md) from frontend source code, supporting React, Vue, Svelte, Angular, plain HTML/CSS, and any web framework. Analyzes component files, stylesheets, Tailwind configurations, theme definitions, and design tokens to generate a rich, Stitch-compatible design system document.
- How do I install stitch::extract-design-md?
- Run npx skills add google-labs-code/stitch-skills. The skills installer reads the repository’s own structure, so it works for any repository of agent skills.
- Who publishes stitch::extract-design-md?
- google-labs-code.
- Is stitch::extract-design-md maintained, and what licence does it use?
- Its repository has 8,597 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-08-17. The repository declares the Apache-2.0 licence.
More agent skills for design
- ai-product-photographyby 101-skills
- app-store-screenshotsby 101-skills
- email-designby 101-skills
- landing-page-designby 101-skills
- product-photographyby 101-skills
- social-media-carouselby 101-skills