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.
/taste-design make me: Writing a DESIGN.md with strict, non-generic UI rules for Stitch or your agentExample message showing how to invoke it, not a real output.
What you get
- A structured DESIGN.md
- Anti-slop design rules
- Works with Stitch or any coding agent
Good fit
- Writing a DESIGN.md with strict, non-generic UI rules for Stitch or your agent
Not for
- Generating finished screens on its own
What you need
- Optional: Stitch MCP server
- License
- Apache-2.0
- Author
- @google-labs-code
Upstream description
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/taste-design/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/taste-design -g -a claude-code
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-utilities/skills/taste-design -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/taste-design ~/.claude/skills/taste-design
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.
Design System Extractor
Analyse an existing Stitch project and synthesise its semantic design system into DESIGN.md.
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.