ui-design - Design distinctive production-grade frontend interfaces.
Guides frontend interface design from context gathering and visual direction through implementation, responsive testing, and production polish.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Understand project context
- Gather design references
- Establish visual direction
- Implement interface sections
- Apply visual hierarchy
- Test responsive layouts
- Polish production interfaces
- Avoid generic AI patterns
Inputs
- Project and audience context
- Device and viewport targets
- Existing design system files
- Reference sites or screenshots
- Framework and stack
- Performance budget
- Accessibility requirements
- User feedback
Outputs
- Frontend interface code
- Design direction decisions
- Responsive interface implementation
- Polished production UI