frontend-design - Create Production-Grade Frontend Interfaces with Distinctive Design
Creates distinctive, production-grade frontend interfaces with high design quality and avoids generic AI aesthetics
Tags
Updated: 2026-03-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- build web components
- create web pages
- develop web applications
- implement HTML/CSS code
- write JavaScript code
- generate React components
- produce Vue components
- apply animations and effects
- design visual layouts
- choose typography
- select color schemes
- create CSS variables
- implement hover states
- apply scroll-triggering effects
- use motion libraries
Inputs
- frontend requirements
- component specifications
- page specifications
- application specifications
- interface specifications
- technical constraints
- user context
- audience information
Outputs
- working frontend code
- HTML/CSS files
- JavaScript files
- React components
- Vue components
- functional interfaces
- visual designs
- animation implementations
Requirements
- frontend requirements from user
- context about purpose and audience
- technical constraints specification