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