visual-design-foundations - Build Visual Design Systems
Apply typography, color theory, spacing systems, and iconography principles to build cohesive visual systems
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 icons
- audit designs
- implement themes
- configure typography scale
- set spacing tokens
- define color tokens
- create icon components
- check contrast ratio
- apply dark mode
Inputs
- brand identity
- project requirements
- style guidelines
- design constraints
Outputs
- design tokens
- color system
- typography rules
- spacing guidelines
- icon components
- style guide
Requirements
- CSS support
- Tailwind CSS