ProofShot – Give AI coding agents eyes to verify the UI they build

Name: ProofShot – Give AI coding agents eyes to verify the UI they build
Availability: InStock
Author: jberthom

by jberthom·Mar 24, 2026·161 points·106 comments

Visit Project View on HN

AI Analysis

●●●BangerSolve My ProblemZero to OneSlick

Finally, visual proof when your AI agent claims it finished the UI work.

Strengths

•Self-contained HTML viewer with synced video, timeline, and screenshots for PR reviews.
•Agent-agnostic — works with Claude Code, Cursor, Codex without custom integrations.
•Auto-detects console errors and server logs across JavaScript, Python, Go, and Rust.

Weaknesses

•Built on Vercel's agent-browser — not entirely novel infrastructure underneath.
•Only useful for UI work — backend agents won't benefit from browser recording.

Post Description

I use AI agents to build UI features daily. The thing that kept annoying me: the agent writes code but never sees what it actually looks like in the browser. It can’t tell if the layout is broken or if the console is throwing errors.

So I built a CLI that lets the agent open a browser, interact with the page, record what happens, and collect any errors. Then it bundles everything — video, screenshots, logs — into a self-contained HTML file I can review in seconds.

proofshot start --run "npm run dev" --port 3000 # agent navigates, clicks, takes screenshots proofshot stop

It works with whatever agent you use (Claude Code, Cursor, Codex, etc.) — it’s just shell commands. It's packaged as a skill so your AI coding agent knows exactly how it works. It's built on agent-browser from Vercel Labs which is far better and faster than Playwright MCP.

It’s not a testing framework. The agent doesn’t decide pass/fail. It just gives me the evidence so I don’t have to open the browser myself every time.

Open source and completely free.

https://github.com/AmElmo/proofshot