stitch::code-to-design
stitch::code-to-design 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.
Converts frontend code from Vite, React, Angular, or Vue to a Stitch Design by extracting static HTML and design systems, then uploading the files.
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
Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.
stitch::code-to-design compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| stitch::code-to-design (this page) | 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 |
| 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::extract-design-md(same repository) | google-labs-code | Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, An… | 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::code-to-design
- What does stitch::code-to-design do?
- Converts frontend code from Vite, React, Angular, or Vue to a Stitch Design by extracting static HTML and design systems, then uploading the files.
- How do I install stitch::code-to-design?
- 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::code-to-design?
- google-labs-code.
- Is stitch::code-to-design 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