What problem does it solve? When building a new product or refreshing a brand, visual choices get made by feel—a hue from a default palette, an arbitrary corner radius—because no brand standard exists in writing. This Skill establishes that standard upfront, producing concrete artifacts (brand brief, visual language document, design-system skeleton) that later UI work can reference instead of re-choosing per feature. ## Core Features & Use Cases - Brand identity discovery: A five-phase process (research, strategy, identity design, touchpoints, governance) based on Alina Wheeler's model, producing a brand.md with positioning, personality, anti-personality, and voice examples. - Visual language translation: Converts brand attributes into concrete decisions across five axes—type, color (in OKLCH), form, motion, and photography/illustration—recorded in visual-language.md with rationale and references. - Design-system architecture: Sets up Nathan Curtis's three-layer token taxonomy (primitive, semantic, component), Brad Frost's atomic component taxonomy, component contracts, semver governance, and deprecation policy. - Use Case: Starting a new SaaS product with no brand yet, you run this Skill once to produce brand.md, visual-language.md, and a design-system/ skeleton; every subsequent feature build then references those artifacts for hues, type, and motion instead of improvising. ## Quick Start Ask the agent to define the visual identity and design-system foundation for your new product using the art-director skill.
