design-md: a Claude Code skill by Google Labs
Official
For Google Stitch users who want their screens written up as a DESIGN.md that guides new screens. Skip it if you do not have a Stitch project.
- Score
- 76of 100
- Rank
- #100of 239
- Installs
- 66Kon skills.sh
- Security
- Mixed 5 scanners
- Updated
- 2026
- Context
- ~23tokens always
Install
npx skills add https://github.com/google-labs-code/stitch-skills --skill design-md Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does design-md do?
design-md is a Claude skill that turns a Google Stitch project into a DESIGN.md file describing its design language. Using the Stitch MCP server, Claude lists your projects and screens, calls get_screen to get the screenshot and HTML download links, downloads the HTML and reads the project's designTheme. It then writes a Markdown file with five sections: visual theme and atmosphere, a color palette with descriptive names, hex codes and roles, typography, component styles for buttons, cards and inputs, and layout principles. Technical values become plain design words, so rounded-full turns into pill-shaped. The file is meant as the source for prompting Stitch to make matching screens.
When should you use design-md?
Use it when
- You want new Stitch screens to match existing ones
- You need a written design system from a mockup
- You are handing a Stitch design to another tool
Skip it when
- You do not use Google Stitch
- You already keep design tokens in code
What it needs and what it can touch
You need
- The Stitch MCP server
- A Stitch project with at least one screen
What it can do
- Calls the Stitch MCP server
- Downloads screen HTML and screenshots from the web
- Writes a DESIGN.md file
From reading its instructions, not from running it.
Why it scores 76
Strongest on trust (97 of 100), weakest on adoption (56).
Is design-md safe to install?
At least one scanner raised a medium warning. Read the results below. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Sep 15, 2026 |
| Socket | Passed | Sep 15, 2026 |
| Snyk | Medium risk | Sep 15, 2026 |
| Runlayer | Passed | Feb 26, 2026 |
| ZeroLeaks | Low risk | Apr 16, 2026 |
Details
- Installs
- 66,048
- Repository stars
- 8,724
- Last repository change
- Tokens always loaded
- about 23
- Tokens when used
- about 1,862
- License
- Apache-2.0
- Data confidence
- High
Did it do the job for you?
Alternatives to design-md
All skills for this job- Get enhance-prompt
enhance-prompt
For Stitch users who want a vague UI idea turned into a structured prompt with design tokens.
- Get stitch-loop
stitch-loop
For builders who want an agent to grow a multi-page site with Google Stitch, one page per run.
-
Get AI Design SkillsAI Design Skills
For people building a landing page or Figma file who want fixed design rules and conversion structure.
-
Get tailwind-design-systemtailwind-design-system
For developers setting up a component library or design tokens on Tailwind CSS v4.
design-md