visual-design-foundations - Build cohesive visual design systems
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
- establish design tokens
- create spacing system
- select typefaces
- build color palettes
- design icon systems
- improve visual hierarchy
- audit designs
- implement dark mode
- configure Tailwind theme
- check contrast ratios
Inputs
- project typefaces
- brand colors
- design constraints
- icon library
Outputs
- design tokens
- style guide
- theme configuration
- accessibility report
Requirements
- CSS variables support
- Tailwind CSS
- WCAG compliance