What problem does it solve? AI-generated interfaces often look generic, with default fonts, neon gradients, and clichéd layouts. This Skill encodes a strict, opinionated design system into a DESIGN.md file that Google Stitch can interpret, so generated screens follow premium typography, color, layout, and motion standards instead of default AI aesthetics. ## Core Features & Use Cases - Semantic Design System Generation: Produces a structured DESIGN.md covering atmosphere, color palette with hex codes, typography rules, component stylings, layout principles, responsive rules, and motion philosophy. - Anti-Pattern Enforcement: Encodes explicit banned patterns such as Inter font, pure black, neon glows, 3-column equal card grids, centered heroes, and AI copywriting clichés. - Configurable Taste Dials: Adjusts creativity, density, variance, and motion levels to match a project's vibe before generating the design system. - 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 Generate a DESIGN.md design system for my analytics dashboard project with balanced density and high layout variance.
