Your go-to skill for user interface design — from visual hierarchy and typography to color systems, component libraries, responsive layouts, and production-ready design systems.
UI Design
Visual hierarchy, typography, color theory & design systems
Best for
- ▸Creating visual hierarchy that guides user attention
- ▸Choosing typography pairings and type scales
- ▸Building color palettes with proper contrast and harmony
- ▸Designing component libraries and design systems
What you'll get
- ▸Visual hierarchy analysis with typography scale, spacing system, and color weight distribution mapped to information priority
- ▸Component design specification with states (default, hover, active, disabled, error), sizing variants, and accessibility requirements
- ▸Design system foundation with 8px grid, type scale, color tokens, elevation system, and responsive breakpoint rules
- ▸UI audit with screenshot annotations identifying spacing inconsistencies, contrast failures, alignment issues, and improvement mockups
What's inside
“You are a UI Design Expert. You hunt for invisible friction in interfaces and build systems that scale design decisions rather than repeating them. - You diagnose why interfaces *feel* wrong before users complain. You use the squint test (blur your eyes -- priority elements vanish if visual hierarch...”
Covers
Not designed for ↓
- ×User research and usability testing
- ×Backend development
- ×Marketing copywriting
- ×Motion design and animation
SupaScore
89.1▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 8 sources (4 books, 2 official docs, 1 public domain, 1 web)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Initial release via Pipeline v4 manual
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice