visual-design-foundations - Visual Design Foundations for Consistent UI
Apply typography, color theory, 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 style guides
- build color palettes
- design icon systems
- implement spacing systems
- define typography scales
- audit visual consistency
- implement dark mode
- improve visual hierarchy
Inputs
- design project requirements
- brand guidelines
- typefaces
- color preferences
- icon libraries
- existing design components
Outputs
- design tokens
- style guides
- semantic color tokens
- typography scales
- spacing systems
- icon systems
- dark mode themes
Requirements
- CSS knowledge
- Tailwind CSS knowledge
- WCAG accessibility standards