What problem does it solve? AI-generated interfaces often look generic, relying on default fonts, purple gradients, and clichéd layouts. This Skill produces a structured DESIGN.md file that encodes a curated, opinionated design system so Google Stitch generates premium, non-generic screens. ## Core Features & Use Cases - Design System Generation: Creates a complete DESIGN.md covering color palettes with hex codes, typography rules, component stylings, layout principles, and motion specs. - Anti-Pattern Enforcement: Encodes explicit banned patterns such as Inter font, pure black, neon glows, 3-column equal card grids, and AI copywriting clichés. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match each project's vibe. - 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 follows the same calibrated visual language. ## Quick Start Ask the agent to generate a DESIGN.md design system for your project describing its vibe, and then use that file when prompting Google Stitch to create new screens.
