What problem does it solve? Building a coherent visual identity from scratch often produces inconsistent colors, ad-hoc spacing, and generic AI-looking interfaces. This Skill enforces a structured design pipeline that brainstorms requirements, validates visual and interaction theses, generates a token-based design system, and audits the result before delivery. ## Core Features & Use Cases - Five-phase design pipeline: mandatory brainstorm, validated visual and interaction theses, MASTER.md design system generation, page-by-page implementation, and a final design audit. - Cross-platform token generation: produces Tailwind/CSS variables for web, Kotlin theme files for Compose, and Swift extensions for SwiftUI, all derived from one canonical MASTER.md. - Light scope mode: shortens the pipeline for single-component tasks while keeping validation gates intact. - Use Case: A developer starting a new SaaS landing page uses the Skill to define mood and audience, approve a dark neo-brutalist visual thesis, receive a complete token set, and get each page implemented and audited against reduced-motion and exit-animation rules. ## Quick Start Ask the agent to paint a complete visual identity for your project, starting with a brainstorm of product, audience, and mood before any code is written.