Frontend Design - Design production-ready frontend interfaces
Design and build responsive frontend interfaces with design systems and accessibility
Tags
Updated: 2026-05-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- implement semantic HTML
- apply ARIA attributes
- define responsive breakpoints
- design mobile-first layouts
- check color contrast ratios
- test keyboard navigation
Inputs
- design tokens
- brand guidelines
- framework selection
- styling approach
- interface description
Outputs
- semantic HTML code
- component code
- responsive layouts
- dark mode styles
Requirements
- frontend framework support
- CSS framework support
- dark mode support