tanner-code-review
Tanner Code Review
How to review front-end work the way Tanner does. Run this before any UI change ships — a PR, a branch, or your own working diff. The goal is a page that's fast, looks right at every size, reads clean, works for everyone, and looks like it was written by the same person who wrote the rest of the codebase.
Plain markdown — any agent can read this file directly; Claude Code additionally auto-loads it as a skill and can drive the browser (via its browser tools) for the visual and accessibility checks below.
Validate in a real browser — don't eyeball the code alone. These changes have to be seen rendered, so spin up a headless browser instance against the running build and actually load the pages. Reading the diff catches the code findings; only a real browser at real viewport sizes catches layout shift, visual regressions, broken breakpoints, and motion that ignores reduced-motion. If you can't get a headless browser up, say so in the report — the visual and accessibility dimensions are then unverified, not passed.