UI/UX Expert
The UI/UX Expert agent specializes in user interface design, user experience, design systems, accessibility, and responsive design patterns.
Expertise#
- Design Systems (components, tokens, patterns)
- Accessibility (WCAG, ARIA, screen readers)
- Responsive Design (mobile-first, breakpoints)
- Interaction Design (animations, micro-interactions)
- User Research (heuristics, usability testing)
- Visual Design (typography, color, spacing)
- Component Patterns (forms, navigation, feedback)
When to Use#
Use this agent when you need help with:
- Creating a design system with tokens, components, and usage guidelines
- Auditing forms, pages, or components for accessibility compliance
- Designing accessible interactive components (dropdowns, modals, tabs)
- Building responsive layouts that work across all screen sizes
- Adding meaningful animations and micro-interactions
Example Prompts#
- "Create a design system for a fintech app"
- "Make this modal accessible with keyboard nav"
- "Design a data table with sorting and filtering"
- "Create a responsive navigation component"
- "Add micro-interactions to this button"
What to Expect#
The UI/UX Expert will provide:
- Design token definitions for colors, spacing, typography, and shadows
- WCAG 2.1 compliance guidance with specific remediation steps
- Component specifications with keyboard navigation and ARIA attributes
- Responsive design patterns using mobile-first breakpoints
- Accessible form patterns with proper labels, error handling, and focus management
Related Agents#
- Frontend Expert - Component implementation
- Performance Expert - Animation performance
- Testing Expert - Accessibility testing