frontend-design - Guidance for visual design when building or updating UI.
Provides visual design guidance for hierarchy, typography, layout, component states, and accessibility when creating or updating user interfaces.
Tags
Updated: 2026-09-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Inspect existing visual references
- Plan visual hierarchy and typography
- Design interactive interface states
- Implement responsive web components
- Verify accessibility and layout render
Inputs
- Design briefs
- Existing components and design tokens
- Interface content and references
Outputs
- Interface component code
- Visual state updates
- Inspection reports
Requirements
- Modern web browser targets
- Web inspection tools