What problem does it solve? AI-generated interfaces often look generic, relying on default fonts, purple gradients, and predictable card 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 AI clichés. ## 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 intent levels to match each project's vibe. - Use Case: A developer building a SaaS dashboard with Google Stitch uses this Skill to generate a DESIGN.md, then pastes it into 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 design system for your project describing its vibe, then paste the result into Google Stitch before generating screens.
