2作者: jberthom5 个月前
我每天都用 AI 助手来构建 UI 功能。 让我一直很恼火的是:助手写代码,但从来看不到它在浏览器中的实际效果。它无法判断布局是否损坏,或者控制台是否抛出错误。 所以我构建了一个 CLI,让助手可以打开浏览器,与页面交互,记录发生的事情,并收集任何错误。然后,它将所有内容(视频、屏幕截图、日志)打包成一个自包含的 HTML 文件,我可以在几秒钟内进行审查。 ``` proofshot start --run "npm run dev" --port 3000 # 助手导航、点击、截屏 proofshot stop ``` 它适用于你使用的任何助手(Claude Code、Cursor、Codex 等)——它只是 shell 命令。它被打包成一个技能,所以你的 AI 编码助手确切地知道它是如何工作的。它基于 Vercel Labs 的 agent-browser 构建,比 Playwright MCP 更好、更快。 它不是一个测试框架。助手不决定通过/失败。它只是给我证据,这样我就不必每次都自己打开浏览器了。 开源且完全免费。 [https://github.com/AmElmo/proofshot](https://github.com/AmElmo/proofshot)