frontpage.
newsnewestaskshowjobs

Made with ♥ by @iamnishanth

Open Source @Github

fp.

Open in hackernews

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

https://proofshot.argil.io/
22•jberthom•1h ago
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

Comments

Imustaskforhelp•1h ago
Great to see this but exe.dev (not sponsored but they are pretty cool and I use them quite often, if they wish to sponsor me that would be awesome haha :-]) actually has this functionality natively built in.

but its great to see some other open source alternatives within this space as well.

Horos•1h ago
what about mcp cdp ?

my claude drive his own brave autonomously, even for ui ?

VadimPR•1h ago
Looks nice! Does it work for desktop applications as well, or is this only web dev?
zkmon•1h ago
Taking screenshots and recording is not quite the same as "seeing". A camera doesn't see things. If the tool can identify issues and improvements to make, by analyzing the screenshot, that's I think useful.
jofzar•49m ago
> 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.

From the OP, i don't think this is what is meant for what you are saying.

falcor84•29m ago
I read it in the same vein as saying that a sub's sonar enables "seeing" its surroundings. The focus is on having a spatial sensor rather than on the qualia of how that sensation is afterwards processed/felt.
philipp-gayret•25m ago
> If the tool can identify issues and improvements (...)

Tools like Claude and the like can, and do. This is just a utility to make the process easier.

theshrike79•1h ago
What does this do that playwright-cli doesn't?

https://github.com/microsoft/playwright-cli

jofzar•51m ago
These aren't really comparable, OP's is something that records, captures and reproduces with steps.
mohsen1•27m ago
playwright can do all of that too. I'm confused why this is necessary.

If coding agents are given the Playwright access they can do it better actually because using Chrome Developer Tools Protocol they can interact with the browser and experiment with things without having to wait for all of this to complete before making moves. For instance I've seen Claude Code captures console messages from a running Chrome instance and uses that to debug things...

onion2k•14m ago
That's exactly what Playwright does, but also something you don't really need in order to debug a problem.
lastdong•54m ago
This is basically what antigravity (Google’s Windsurf) ships with. Having more options to add this functionality to Open code / Claude code for local models is really awesome. MIT license too!
can16358p•46m ago
How would this play with mobile apps?

I'd love to see an agent doing work, then launching app on iOS sim or Android emu to visually "use" the app to inspect whether things work as expected or not.

jillesvangurp•13m ago
Something like OpenAIs agent mode where it drives a mouse and keyboard but against an emulator should be doable. That agent mode is BTW super useful for doing QA and executing elaborate test plans and reporting issues and UX problems. I've been meaning to do more with that after some impressive report I got with minimal prompting when I tried this a few months ago.

That's very different from scripting together what is effectively a whitebox test against document ids which is what people do with things like playwright. Replacing manual QA like that could be valuable.

m00dy•11m ago
try deepwalker, https://deepwalker.xyz
jofzar•45m ago
I'm going the opposite of everyone else is saying.

This is sick OP based on what's in the document, it looks really useful when you need to quickly fix something and need to validate the changes to make sure nothing has changed in the UI/workflow except what you have asked.

Also looks useful for PR's, have a before and after changed.

jillesvangurp•17m ago
Exactly. We need more tools like this. With the right model, picking apart images and videos isn't that hard. Adding vision to your testing removes a lot of guess work from ai coding when it comes to fixing layout bugs.

A few days ago I had a interaction with codex that roughly went as follows, "this chat window is scrolling off screen, fix", "I've fixed it", "No you didn't", "You are totally right, I'm fixing it now", "still broken", "please use a headless browser to look at the thing and then fix it", "....", "I see the problem now, I'm implementing a fix and verifying the fix with the browser", etc. This took a few tries and it eventually nailed it. And added the e2e test of course.

I usually prompt codex with screenshots for layout issues as well. One of the nice things of their desktop app relative to the cli is that pasting screenshots works.

A lot of our QA practices are still rooted in us checking stuff manually. We need to get ourselves out of the loop as much as possible. Tools like this make that easier.

I think I recall Mozilla pioneering regression testing of their layout engine using screenshots about a quarter century ago. They had a lot of stuff landing in their browser that could trigger all sorts of weird regressions. If screenshots changed without good reason, that was a bug. Very simple mechanism and very effective. We can do better these days.

z3t4•36m ago
I'm currently experimenting with running a web app "headless" in Node.JS by implementing some of the DOM JS functions myself. Then write mocks for keyboard input, etc. Then have the code agent run the headless client which also starts the tests. In my experience the coding agents are very bad at detecting UX issues, they can however write the tests for me if I explain what's wrong. So I'm the eye's and it's my taste, the agent writes the tests and the code.
onion2k•15m ago
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.

I give agent either a simple browser or Playwright access to proper browsers to do this. It works quite well, to the point where I can ask Claude to debug GLSL shaders running in WebGL with it.

m00dy•11m ago
Gemini on Antigravity is already doing this.
boomskats•10m ago
I find the official Chrome DevTools MCP excellent for this. Lighter than Playwright, the loop is shorter, and easy to jam into Electron too.
alkonaut•9m ago
This would be _extremely_ valuable for desktop dev when you don't have a DOM, no "accessibility" layer to interrogate. Think e.g. a drawing application. You want to test that after the user starts the "draw circle" command and clicks two points, there is actually a circle on the screen. No matter how many abstractions you make over your domain model, rendering you can't actually test that "the user sees a circle". You can verify your drawing contains a circle object. You can verify your renderer was told to draw a circle. But fifty things can go wrong before the user actually agrees he saw a circle (the color was set to transparent, the layer was hidden, the transform was incorrect, the renderer didn't swap buffers, ...).

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

https://proofshot.argil.io/
22•jberthom•1h ago•22 comments

Show HN: Cq – Stack Overflow for AI coding agents

https://blog.mozilla.ai/cq-stack-overflow-for-agents/
141•peteski22•17h ago•53 comments

Show HN: Kern – One agent. One folder. One mind. Every channel

https://github.com/oguzbilgic/kern-ai
2•obilgic•1h ago•0 comments

Show HN: The King Wen Permutation: [52, 10, 2]

https://gzw1987-bit.github.io/iching-math/
56•gezhengwen•1d ago•27 comments

Show HN: Littlebird – Screenreading is the missing link in AI

https://littlebird.ai/
42•delu•16h ago•21 comments

Show HN: AgentDrive – Persistent file storage for AI agents

https://www.getagentdrive.com
3•itstomo•6h ago•0 comments

Show HN: WhyThere.life – Compare cities side-by-side to decide where to move

https://whythere.life
12•daversa•12h ago•4 comments

Show HN: Revise – An AI Editor for Documents

https://revise.io
79•artursapek•1d ago•68 comments

Show HN: Codala, a social network built on scanning barcodes

https://play.google.com/store/apps/details?id=com.hsynkrkye.codala&hl=en
62•hsynkrkye•5d ago•30 comments

Show HN: Agent Kernel – Three Markdown files that make any AI agent stateful

https://github.com/oguzbilgic/agent-kernel
40•obilgic•1d ago•19 comments

Show HN: VoidLLM – privacy-first LLM proxy (Go, self-hosted)

https://github.com/voidmind-io/voidllm
3•chrisremo85•10h ago•2 comments

Show HN: Mutatr – an open source A/B testing agent

https://github.com/novynlabs-repo/mutatr
3•AhmedAshraf•10h ago•0 comments

Show HN: Atomic – Self-hosted, semantically-connected personal knowledge base

https://github.com/kenforthewin/atomic
146•kenforthewin•2d ago•23 comments

Show HN: Dgs-CLI – 63-command CLI for D-Link DGS-1100 switches via Selenium

https://github.com/bobberb/dgs-cli
3•ShellackGobln7•10h ago•0 comments

Show HN: OpenCastor Agent Harness Evaluator Leaderboard

https://craigm26.github.io/OpenCastor/
3•craigm26•11h ago•1 comments

Show HN: ArXiv metadata as Parquet files (2.99M papers, 1.44GB, 417 files)

https://huggingface.co/datasets/open-index/open-arxiv
2•tamnd•4h ago•0 comments

Show HN: Burn Room – ephemeral SSH chat, messages burn after 1 hour

https://burnroom.chat
6•joematrix•13h ago•0 comments

Show HN: Aerko_ – An offline-first, Vanilla JavaScript fitness PWA with local AI

https://github.com/SrPakura/AERKO_PWA
7•SrPakura•18h ago•2 comments

Show HN: We built a terminal-only Bluesky / AT Proto client written in Fortran

https://github.com/FormerLab/fortransky
145•FormerLabFred•3d ago•82 comments

Show HN: Sonar – A tiny CLI to see and kill whatever's running on localhost

https://github.com/RasKrebs/sonar
201•raskrebs•3d ago•80 comments

Show HN: Shrouded, secure memory management in Rust

https://github.com/thesis/shrouded
5•mhluongo•14h ago•0 comments

Show HN: Lockpaw One hotkey to cover your Mac screen without putting it to sleep

https://github.com/sorkila/lockpaw
5•eriknielsen•20h ago•1 comments

Show HN: Primer – build software with AI agents one milestone at a time

https://github.com/armgabrielyan/primer
3•armen99•15h ago•8 comments

Show HN: JulIDE – Lightweight Julia IDE Built with Tauri

https://github.com/sinisterMage/JulIde
6•SinisterMage2•15h ago•3 comments

Show HN: Minimalist library to generate SVG views of scientific data

https://github.com/alefore/mini_svg/
5•afc•15h ago•0 comments

Show HN: Time Keep – Location timezones, timers, alarms, countdowns in one place

25•jmbuilds•4d ago•8 comments

Show HN: Duplicate 3 layers in a 24B LLM, logical deduction .22→.76. No training

https://github.com/alainnothere/llm-circuit-finder
264•xlayn•5d ago•81 comments

Show HN: I made a tool for converting text snippets to shareable image

https://snip2img.com
5•wesammikhail•1d ago•2 comments

Show HN: Three new Kitten TTS models – smallest less than 25MB

https://github.com/KittenML/KittenTTS
557•rohan_joshi•4d ago•183 comments

Show HN: Termcraft – Terminal-first 2D sandbox survival in Rust

https://github.com/pagel-s/termcraft
135•sebosch•2d ago•25 comments