What problem does it solve? AI-generated UI screens often look generic, with default fonts, purple gradients, and cookie-cutter layouts. This Skill translates a product's visual direction into a structured DESIGN.md that Google Stitch can apply consistently, enforcing premium typography, calibrated color, asymmetric layouts, and explicit anti-patterns. ## Core Features & Use Cases - Semantic Design System Generation: Produces a complete DESIGN.md covering atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, motion specs, and banned anti-patterns. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion intensity levels to match each project's vibe. - Anti-Generic 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 founder building a SaaS dashboard in Google Stitch uses this Skill to generate a DESIGN.md with a zinc-neutral palette, Geist typography, bento grid layouts, and spring-physics motion intent, so every generated screen stays on-brand. ## Quick Start Ask the agent to generate a Stitch DESIGN.md for your product by describing your brand direction, audience, and desired density and creativity levels.
