← ClaudeAtlas

ui-reviewlisted

Automated UI/UX review of a web page or app using the agent-browser CLI. Detects text overflow/clipping, awkward wrapping, horizontal scroll, overlapping elements, tiny tap targets, broken/distorted images, placeholder-text leakage, and responsiveness defects across common resolutions (mobile/tablet/laptop/desktop), then visually inspects screenshots. When run against a local dev server with the codebase available, maps findings back to source files and can fix them. Supports regression mode - save a baseline, later runs diff against it and only inspect what changed. Trigger with /ui-review [url], "/ui-review baseline", "/ui-review components" (shared component library audit), "review the UI", "check responsiveness", "find layout bugs", "text overflow check".
roney492/ui-review · ★ 0 · Web & Frontend · score 70
Install: claude install-skill roney492/ui-review
# ui-review Audit a web page across common breakpoints with `agent-browser`, combining programmatic in-page checks (this skill's `scripts/detect.js`) with visual screenshot inspection. Report findings; fix only if the user asked. ## When to run this without being asked Two situations warrant a standard pass even when nobody typed `/ui-review`: - **You just edited a frontend page or component** and are about to report the task complete: run the standard sweep on the affected route(s) first. If the project's CLAUDE.md has a house rule like "screenshot + brand-test-matrix measurements before claiming a UI change works", this review is how you satisfy it — don't wait to be told. - **The user reports a visual or layout bug**: run the review on that route as the first diagnostic step. detect.js + per-breakpoint screenshots localize the defect faster and more completely than manually eyeballing one screenshot. ## Inputs - **URL**: from the user's message. If none given, detect a local dev server (try `agent-browser open localhost:3000` then 5173, 8080, 4200 — a page title confirms a hit) or ask. - **Pages**: default to the given page only. If the user says "the whole app", snapshot the nav (`agent-browser snapshot -i -u`) and review the top ~5 routes. - **Codebase**: if the URL is a local dev server and the project source is in the working directory, findings must be mapped to source files (see "Codebase mapping" below). - **Auth**: if the page sits beh