frontend-design - Create Production-Grade Frontend Interfaces
Build distinctive web interfaces with intentional design aesthetics and production-ready code
Tags
Updated: 2026-03-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create HTML/CSS/JS code
- define design system variables
- choose typography
- apply color schemes
- layout interface components
- add CSS animations
- design responsive layouts
Inputs
- design requirements
- brand guidelines
- content structure
- target audience
Outputs
- working HTML/CSS/JS code
- design direction summary
- design system snapshot
Requirements
- modern web browser
- HTML/CSS/JavaScript
- React framework support
- Web standards compliance