Frontend Design - Design production-ready frontend interfaces
Design and build responsive, accessible frontend interfaces with design systems and dark mode support.
Tags
Updated: 2026-05-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- analyze requirements
- define design tokens
- build component variants
- implement responsive layouts
- integrate accessibility attributes
- add dark mode support
- create HTML code
- write CSS code
- create React components
- build Vue components
- develop Svelte components
Inputs
- Framework specification
- Styling approach
- Design tokens
- Brand guidelines
- Interface requirements
Outputs
- UI component code
- CSS stylesheets
- HTML page markup
Requirements
- Frontend framework support
- Code generation capability