stitch-design-taste

To generate a design system spec for Google Stitch, provide your project brief to the Skill. It outputs a structured DESIGN.md encoding atmosphere, color calibration, typography architecture, layout principles, and motion philosophy.

A DESIGN.md is a machine-readable document encoding a premium visual language with color tokens, typography rules, and anti-patterns. You need it when translating aesthetic philosophy into actionable AI prompts for UI explorations.

Yes, you can use it to codify typography architecture and color palettes. It generates explicit color tokens and typography rules within the DESIGN.md, ensuring your design language is consistently applied by AI agents.

The best way to translate a product brief into a machine-interpretable design language is providing the brief to the Skill. It produces a structured DESIGN.md with required sections and anti-patterns suitable for Stitch workflows.

No dependencies are required to generate design tokens. The Skill operates independently to produce the DESIGN.md document, encoding your color calibration and typography architecture without needing external components.

Including anti-patterns in your design system specification prevents AI agents from rendering generic aesthetics. The DESIGN.md explicitly defines these constraints to ensure generated mockups maintain a premium, non-generic visual language.