Illustrative cover generated by us — see the source repo for real examples.
How to use
- 1
Copy the install prompt
Sign in, then click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/design-md make me: Extracting a design system from an existing Stitch project into DESIGN.mdExample message showing how to invoke it, not a real output.
What you get
- Colour, type and spacing tokens
- Component patterns documented
- Reusable across screens
Good fit
- Extracting a design system from an existing Stitch project into DESIGN.md
Not for
- Projects that aren't in Stitch
What you need
- Stitch MCP server access
- License
- Apache-2.0
- Author
- @google-labs-code
Upstream description
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/design-md/install.md and follow the instructions to install the skill.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-utilities/skills/design-md -g -a claude-code
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-utilities/skills/design-md -g -a codex
git clone --depth 1 https://github.com/google-labs-code/stitch-skills.git /tmp/stitch-skills mkdir -p ~/.claude/skills && cp -r /tmp/stitch-skills/plugins/stitch-utilities/skills/design-md ~/.claude/skills/design-md
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
SaaS Landing Page
A single-page SaaS landing site with hero, features, social proof, pricing and CTA — one HTML file.
Taste Design System (DESIGN.md)
Generate an agent-friendly DESIGN.md that enforces premium, anti-generic UI: strict type, calibrated colour, asymmetric layouts, micro-motion.
shadcn/ui Expert
Guidance for discovering, installing and customising shadcn/ui components with solid architecture and theming practices.
Frontend Design
Helps your agent make distinctive, intentional UI choices — aesthetic direction, typography and self-critique instead of templated defaults.