Score every screen on a real task
Complete a real user task, score each meaningful screen with one checklist, fix the weak spots, and retest end to end.
Use this when
Use this for a real task such as signup, login, onboarding, checkout, sharing, or creating and editing an item when the entire experience can be exercised in a browser and scored consistently.
How it runs
- Choose the user task, starting URL, success target, browser, clean-session rule, screen sizes, light or dark modes, screens to capture, and anything the agent must not change.
- Complete the task once without editing; capture normal screens plus meaningful loading, error, recovery, and success states, then score each with the same user-focused rubric.
- Improve the weakest safe area, start a new clean browser session, and repeat the entire task under the same conditions so before-and-after scores are comparable.
- Keep only changes that improve the target without hurting another important screen; stop on success, two passes with no gain, blocked access, or required approval.
Done when
✓ The complete user task scores better without making another important screen worse. The final dashboard shows the same entry point, fresh browser state, screen sizes, modes, scoring rubric, screenshots, score changes, and stop reason for every retained improvement.
Why it works
A clean browser session exposes problems that saved logins, cookies, and remembered settings can hide. Repeating the same task with the same scoring rubric makes the result comparable instead of relying on a vague impression that the interface feels better.
Implementation note
A flow means a user goal, such as signing up or checking out—not a guessed web address. A screen size is sometimes called a viewport; a mode may be light or dark. Judge what the user can see and do, not hidden console output.
More design loops
Design a thumbnail that earns clicks
Generate ten concepts, score the top three against a real channel, and sharpen the winner without misleading viewers.
Rebuild a page pixel-for-pixel
Capture a real page, build a static mirror and a live version, then repair the weakest fidelity signals until they match.
Delete dead CSS, pixel-safe
Remove one unused or redundant style at a time and keep it gone only when every tested screen looks identical.