taste-design

1# Stitch Design Taste — Semantic Design System Skill
2 
3## Overview
4This skill generates `DESIGN.md` files optimized for Google Stitch screen generation. It translates the battle-tested anti-slop frontend engineering directives into Stitch's native semantic design language — descriptive, natural-language rules paired with precise values that Stitch's AI agent can interpret to produce premium, non-generic interfaces.
5 
6The generated `DESIGN.md` serves as the **single source of truth** for prompting Stitch to generate new screens that align with a curated, high-agency design language. Stitch interprets design through **"Visual Descriptions"** supported by specific color values, typography specs, and component behaviors.
7 
8## Prerequisites
9- Access to Google Stitch via [labs.google.com/stitch](https://labs.google.com/stitch)
10- Optionally: Stitch MCP Server for programmatic integration with Cursor, Antigravity, or Gemini CLI
11 
12## The Goal
13Generate a `DESIGN.md` file that encodes:
141. **Visual atmosphere** — the mood, density, and design philosophy
152. **Color calibration** — neutrals, accents, and banned patterns with hex codes
163. **Typographic architecture** — font stacks, scale hierarchy, and anti-patterns
174. **Component behaviors** — buttons, cards, inputs with interaction states
185. **Layout principles** — grid systems, spacing philosophy, responsive strategy
196. **Motion philosophy** — animation engine specs, spring physics, perpetual micro-interactions
20…