taste-design

Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation.

Claude Code
View source ↗

What it does

  • Access to Google Stitch via labs.google.com/stitch
  • Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI
  • Density: "Art Gallery Airy" (1–3) → "Daily App Balanced" (4–7) → "Cockpit Dense" (8–10)
  • Variance: "Predictable Symmetric" (1–3) → "Offset Asymmetric" (4–7) → "Artsy Chaotic" (8–10)
  • Motion: "Static Restrained" (1–3) → "Fluid CSS" (4–7) → "Cinematic Choreography" (8–10)
  • Maximum 1 accent color. Saturation below 80%
  • The "AI Purple/Blue Neon" aesthetic is strictly BANNED — no purple button glows, no neon gradients

Requirements & configuration

Configuration: DESIGNLABEL

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation.

Source

Repository: https://github.com/google-labs-code/stitch-skills

taste-design FAQ

What does the taste-design skill do?

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. Access to Google Stitch via labs.google.com/stitch Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI

How do I install taste-design?

Run: npx -y skills add https://github.com/google-labs-code/stitch-skills --skill taste-design --agent claude-code — the source lives at github.com/google-labs-code/stitch-skills.

Maintain taste-design?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

taste-design on getagentictools
[![taste-design on getagentictools](https://getagentictools.com/badge/skills/google-labs-code-stitch-skills-taste-design.svg)](https://getagentictools.com/skills/google-labs-code-stitch-skills-taste-design?ref=badge)
npx agentictools info skills/google-labs-code-stitch-skills-taste-design

The second line is the CLI lookup for this page — handy in READMEs and docs.