stitch-design-taste

Generates premium, anti-generic design system files for Google Stitch screen generation.

leonxlnx ↓ 184k
Claude Code
View source ↗

What it does

  • Access to Google Stitch via labs.google/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: DESIGN

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

Generates premium, anti-generic design system files for Google Stitch screen generation.

Source

Repository: https://github.com/leonxlnx/taste-skill

stitch-design-taste FAQ

What does the stitch-design-taste 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/stitch Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI

How do I install stitch-design-taste?

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

Maintain stitch-design-taste?

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

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

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