Frontend Design - Build Production-Ready Frontend Interfaces
Design and implement 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 components
- create responsive layouts
- apply accessibility attributes
- implement dark mode
- generate HTML code
- write CSS styles
- create framework components
Inputs
- interface description
- framework type
- styling approach
- design tokens
- brand guidelines
- target platforms
Outputs
- HTML code
- CSS code
- component code
- responsive layouts
- dark mode styles
- accessibility attributes
Requirements
- HTML support
- CSS support
- Tailwind CSS support
- React framework support
- Vue framework support
- Svelte framework support