design-guide - Modern UI Design Guidelines
Apply modern UI design principles and guidelines for building clean, professional interfaces across frontend frameworks
Tags
Updated: 2026-05-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- apply design principles
- define color system
- set spacing system
- select typography
- apply shadows
- set border radius
- define interactive states
- create components
- validate design
Inputs
- UI components
- layout requirements
- design requirements
- brand colors
- content structure
- accessibility standards
Outputs
- design specifications
- component code
- layout structure
- color palette
- spacing system
- typography styles
Requirements
- frontend framework support
- CSS knowledge
- HTML knowledge