Let coding agents check the UI they built

ProofShot gives agents a way to see the rendered page so they can tell if the layout is broken.

See pricing page1 hourIntermediateSource linked

Source

jberthom on Hacker News · 2026-03-24 · Project link

Written in our own words. Credit to the original author. Link checked 2026-10-14.

What they did

ProofShot gives agents a way to see the rendered page so they can tell if the layout is broken.

Result (as claimed)

Open-sourced.

Tools they used

agent-browser

Cost: Pricing depends on the tools you pick; check each official pricing page.

Set it up

Pick a contained repo or task
Start on a branch or side project where mistakes are cheap.
Install and configure
Set up agent-browser. Read what it can run on your machine and limit permissions where possible.
Run it on a real task
Give it a well-scoped issue and let it work. Review the diff like any pull request.
Add guardrails
Keep tests and CI in the loop, and never let an agent push to main or touch production secrets unattended.

Copy the full setup prompt

Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.

You are helping me set up this AI use case end to end in Claude Code.

Goal: Let coding agents check the UI they built
What the original author did: ProofShot gives agents a way to see the rendered page so they can tell if the layout is broken.
Reported result (as claimed by the author): Open-sourced.
Source: https://news.ycombinator.com/item?id=47499672
Tools they used: agent-browser
Category: Dev & ops

Please:
1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like).
2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure.
3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data.
4. Finish with a checklist to run it again next time.

You are helping me set up this AI use case end to end in Codex.

Goal: Let coding agents check the UI they built
What the original author did: ProofShot gives agents a way to see the rendered page so they can tell if the layout is broken.
Reported result (as claimed by the author): Open-sourced.
Source: https://news.ycombinator.com/item?id=47499672
Tools they used: agent-browser
Category: Dev & ops

Please:
1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like).
2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure.
3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data.
4. Finish with a checklist to run it again next time.

You are helping me set up this AI use case end to end in Grok Bot.

Goal: Let coding agents check the UI they built
What the original author did: ProofShot gives agents a way to see the rendered page so they can tell if the layout is broken.
Reported result (as claimed by the author): Open-sourced.
Source: https://news.ycombinator.com/item?id=47499672
Tools they used: agent-browser
Category: Dev & ops

Please:
1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like).
2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure.
3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data.
4. Finish with a checklist to run it again next time.