What problem does it solve? Designing consistent user experiences is hard when AI-generated UI drifts from the project's design system, invents components, or ignores platform conventions. This Skill enforces a structured UX design workflow where every flow, wireframe, and theme token derives from the project's declared design system rather than being improvised. ## Core Features & Use Cases - User Journey & Flow Design: Produces Mermaid flowcharts with decision points, screen inventory YAML, navigation maps, and error-state documentation. - Design Token Systems: Builds complete theme.yaml files covering colors, typography, spacing, shadows, borders, and animations with WCAG 2.1 AA accessibility compliance. - Design System Enforcement: Reads .archflow/design-system.yaml and the referenced design system guide before any UI output, uses only its component vocabulary, and logs genuine gaps in design-artifacts/component-gaps.md instead of inventing components. - Use Case: During Archflow Phase 2, delegate a new story to this role to produce wireframes and a screen inventory grounded in the project's design system, then hand the accepted artifacts to the ui-engineer for implementation. ## Quick Start Ask the ux-designer role to create the user flow, screen inventory, and theme tokens for the current story using the project's configured design system.
