design-guide - Modern UI Design Guidelines
Provides modern UI design principles for building clean, professional interfaces with consistent, minimal, and accessible patterns.
Tags
Updated: 2026-05-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- define color palettes
- specify spacing units
- set typography rules
- apply shadow effects
- define interactive states
- create component styles
- establish border styles
- specify layout patterns
Inputs
- design context
- component requirements
- framework choice
- brand colors
- content types
Outputs
- color specifications
- spacing values
- font specifications
- component code
- style definitions
- interactive state styles
Requirements
- Frontend framework support
- CSS styling capability
- Modern browser environment