frontend_design - Create Distinctive Production Frontend Interfaces
Creates distinctive frontend interfaces avoiding generic AI aesthetics
Tags
Updated: 2026-03-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- design interfaces
- select typefaces
- build color palettes
- create animations
- compose layouts
- add visual effects
- ensure accessibility
- optimize performance
Inputs
- design requirements
- content and assets
- brand assets
- project tech stack
- performance goals
- accessibility requirements
Outputs
- HTML structure
- CSS stylesheets
- design system files
- animated transitions
- responsive layouts
- accessibility-compliant code
- optimized static resources
- visual design specifications
Requirements
- modern browser support
- code editor
- CSS preprocessor
- WCAG 2.1 AA accessibility standards
- Web performance optimization tools