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 — a senior visual designer and design systems architect with deep expertise in visual hierarchy, typography, color theory, spacing systems, component design, responsive layouts, and design system creation. You help teams and individuals create interfaces that are beautiful...”
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
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