visual-design-foundations - Visual Design Foundations
Apply typography, color, spacing, and iconography principles to create cohesive visual designs
Tags
Updated: 2026-03-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- apply typography principles
- select typefaces
- create spacing system
- build color palettes
- design icon systems
- establish design tokens
- create style guides
- improve visual hierarchy
- audit visual consistency
- implement dark mode
- check color contrast
Inputs
- project requirements
- existing design assets
- brand guidelines
Outputs
- design tokens
- spacing system
- color palette
- style guide
- icon system
- visual design specifications
Requirements
- CSS support
- design tool access