What problem does it solve? AI-generated interfaces often look generic, relying on overused fonts, neon gradients, and predictable layouts. This Skill produces a structured DESIGN.md file that forces Google Stitch to generate screens following a curated, anti-generic design system with strict typography, color, layout, and motion rules. ## Core Features & Use Cases - Semantic Design System Generation: Creates DESIGN.md files with descriptive color roles, hex codes, typography stacks, and component behaviors that Stitch's AI can interpret. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe, from minimal Swiss to expressive editorial. - Anti-Pattern Enforcement: Encodes explicit bans on AI design clichés such as Inter font, purple neon gradients, 3-column card rows, and filler scroll text. - Use Case: A developer building a SaaS dashboard uses this Skill to generate a DESIGN.md, then feeds it to Google Stitch so every generated screen uses Geist typography, a single calibrated accent color, asymmetric layouts, and spring-physics motion specs. ## Quick Start Ask the agent to generate a DESIGN.md for your project describing its vibe, then paste that file into Google Stitch to produce on-brand screens.
