[e925]

Visual-Verify with Playwright★★★★

✓ loya-tested🆓 free🔌 drop-in

Every UI change ends with a screenshot. If it doesn't look right, it didn't ship right.

why it matters

TypeScript + build passing does NOT mean your UI looks right. A page can compile cleanly and still render broken — wrong layout, overlapping elements, missing assets. The only way to catch this before shipping is to actually LOOK at it.

On every Escape 9 to 5 UI task: Playwright screenshots at 1280x900 desktop + 375 mobile, verify before marking done. Caught ~12 broken layouts in Escape 9 to 5's first two weeks that tsc (TypeScript compiler) + build happily greenlit. The gap between 'compiles' and 'works' is wider than most agents assume.

install

Install Playwright MCP in your agent. After any UI task, take a screenshot at 1280x900 (or mobile 375) and attach it to the response. If the screenshot looks wrong, treat the task as failed even if the build passed.

where to find it

repo health31,000
avoid if

You're shipping backend-only code or pure API work. Visual verify only matters when there's a UI to look at.

see it in action
open the module that demos Visual-Verify with Playwright

tags

more in audit & qa

last reviewed · 2026-04-23 · added 2026-04-23