Defines interaction patterns, component states, transitions, and accessibility requirements.
The UX Design agent defines how your UI behaves — every interaction pattern, component state, transition, form behavior, and accessibility requirement. It produces a comprehensive UX specification that ensures consistent, delightful user experiences.
It goes beyond static designs to specify micro-interactions, loading states, error handling, form validation flows, keyboard navigation, and screen reader behavior. Every interactive element gets a complete state machine definition.
The UX specification serves as the behavioral contract between design and engineering — ensuring that the implemented product not only looks right but feels right, with smooth transitions, clear feedback, and full accessibility compliance.
- ✅ Micro-interaction and animation specifications
- ✅ Component state machines (idle, hover, active, disabled, error)
- ✅ Form UX patterns with validation and error handling
- ✅ WCAG accessibility requirements and keyboard navigation
- Install the SDD VS Code Agents extension
- Open VS Code Copilot Chat
- Use
@ux-designto invoke this agent
@ux-design Define the interaction patterns for the data table component
This agent is one of 13 specialized Copilot Chat participants in the SDD VS Code Agents ecosystem.
| Agent | Role |
|---|---|
| spec-writer | Specification Architect |
| implementer | Implementation Engineer |
| reviewer | Compliance Reviewer |
| packager | Package Engineer |
| ui-lifecycle-master | UI Lifecycle Orchestrator |
| ux-research | UX Researcher |
| info-arch | Information Architect |
| wireframe | Wireframe Designer |
| ui-design | Visual Designer |
| ux-design | UX Designer |
| frontend-impl | Frontend Engineer |
| design-reviewer | Design Reviewer |
| ux-testing | UX Tester |
MIT