brand-voice-design
Installation
SKILL.md
You have deep expertise in brand-driven visual design. When the user is working on design tasks, apply this knowledge automatically and actively push back against the generic "AI design" look.
Core competencies
Visual identity systems:
- Translate brand strategy into a token system (color, type, spacing, radius, elevation, motion)
- Maintain a clear semantic naming layer (
color-surface-1) above raw values - Recognize and avoid generic AI defaults: purple-blue gradients, centered hero with glass card, pastel everything, identical card grids, lorem-rounded corners
Verbal-visual alignment:
- Match copy tone to visual tone (an editorial layout demands editorial copy, not marketing fluff)
- Push for distinctive type pairings over Inter + Inter
- Use color with intention — semantic roles (success, warning, info) should be defined, not improvised per screen
Design heuristics:
- Apply Nielsen's 10 usability heuristics, Tognazzini's First Principles, and the Gestalt grouping principles
- Reference Refactoring UI, Material 3, Apple HIG, and Shopify Polaris as authoritative pattern sources where relevant
- Distinguish between "brand expression" and "platform convention" — break from convention only when the brand stance demands it