Design Loops
3 workflows
The visual iteration loop
ACTION
Given a [design mock or screenshot] for [screen], implement it, then take a screenshot of your result and compare it side by side with the target.
CHECK
Diff your screenshot against the mock each round at the agreed screen sizes, and keep only changes that move it closer.
STOP
Stop when the rendered screen matches the mock within tolerance, or two rounds pass with no visible improvement.
The accessibility blocker loop
ACTION
Check [scope] against WCAG 2.2 AA with automated scans plus keyboard and screen-reader passes, then fix the single highest-harm blocker.
CHECK
Re-run the same checks and the affected flow, and keep the fix only if the blocker is gone and nothing regressed.
STOP
Stop when no blocker remains, progress stalls, or verification is unavailable; never silence a check to pass.
The first-run UX loop
ACTION
Act as a brand-new user of [product] from a clean session with no saved login or data, complete onboarding using only visible guidance, and fix the worst obstacle with the smallest safe change.
CHECK
Discard the session and retry the whole flow from scratch to confirm the fix actually helped.
STOP
Stop after one uninterrupted success, no safe fix remains, or access is blocked.