What problem does it solve? AI-generated UI screens often look generic, with default fonts, purple gradients, and cookie-cutter layouts. This Skill produces a structured DESIGN.md that encodes a curated, opinionated design language so Google Stitch generates premium, non-generic screens. ## Core Features & Use Cases - Semantic Design System Generation: Creates DESIGN.md files covering atmosphere, color palettes with hex codes, typography rules, component stylings, layout principles, motion specs, and anti-patterns. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match a project's vibe before generating the design system. - Anti-Pattern Enforcement: Encodes explicit bans on AI design clichés such as Inter font, pure black, neon glows, 3-column card rows, and filler UI text. - Use Case: A designer starting a SaaS dashboard project uses this Skill to produce a DESIGN.md, then feeds it to Google Stitch so every generated screen follows the same calibrated visual language. ## Quick Start Ask the agent to generate a DESIGN.md design system for your project, describing the desired vibe, density, and accent color.
