# Design Stage — Execution

## Phase Instructions (RFC 2119)

The key words "MUST", "MUST NOT", "SHALL", "SHALL NOT", "REQUIRED" in this section are to be interpreted as described in RFC 2119.

During execute, the designer hat **MUST** produce **high-fidelity mockups** from the approved wireframes. The agent **MUST** apply real design tokens, specify all interactive states, and define responsive behavior at each breakpoint. The output **MUST** be production-ready design — polished, not sketched.

## Builder Focus

- Explore wireframes, mockups, or prototypes to clarify the visual and interaction direction
- Define or extend design tokens (colors, spacing, typography, elevation) as shared vocabulary
- Specify component structure, states, and interaction behavior
- Document responsive breakpoints and adaptive layout rules
- Capture micro-interactions and transition specifications

## Reviewer Focus

- Verify design thinking addresses every acceptance criterion in the unit
- Check consistency with existing design system tokens and patterns
- Confirm interaction flows cover error states, empty states, and loading states
- Ensure accessibility considerations are documented (contrast, focus order, ARIA semantics)
