ProofShot

01. 什么是 ProofShot？

ProofShot 是一款开源、与 Agent 无关的命令行工具（CLI）。它的核心理念非常直接：赋予 AI 编码助手“视觉验证”的能力。

它不仅能让 AI 启动浏览器并查看页面，还能自动记录整个交互过程，捕获屏幕截图、错误日志，并最终生成一个精美的“证据包”。

ProofShot 网页截图

02. 核心特色：从“瞎写”到“实证”

根据 GitHub 官网与社区百科（sd114.wiki）的资料，ProofShot 具备以下杀手锏：

• 自动化浏览器会话录制： 当你运行 proofshot start 后，它会启动一个受控浏览器。AI Agent 可以像真人一样导航、点击、输入。整个过程会被录制成视频，确保每一行 UI 改动都有迹可循。

• 全自动“证据存档” (Proof Artifacts)： 这是 ProofShot 最惊艳的地方。它会自动收集：

  • 屏幕截图： 关键交互节点的视觉快照。

  • 控制台错误 (Console Errors)： 实时监控并抓取 JS 报错。

  • 服务器日志： 将后端反馈与前端操作对应。

• 交互式 HTML 评审报告： 所有捕获到的信息会打包成一个自包含的 HTML 文件夹。你只需几秒钟就能在浏览器中复盘 AI 的操作全过程，无需手动配置复杂的测试环境。

• Agent 无缝集成： 它被设计为一个“Skill（技能）”。这意味着它不挑工具，无论你用的是主流的 Claude Code 还是 Cursor，只需通过简单的 Shell 命令即可调取。

03. 为什么开发者需要它？

1. 告别“反复盲试” 过去，如果 AI 写出的 UI 有误，你需要手动打开浏览器、F12 查看报错、截图，再把信息喂给 AI。现在，ProofShot 让 AI 自己完成闭环，它能看到自己的错误并即时修正。

2. 完美的 PR 伴侣 在提交 Pull Request 时，附带一份 ProofShot 生成的视觉验证报告，能让你的 Reviewer 一目了然地看到新功能是如何运作的，大大提升团队协作效率。

3. 轻量化与高性能 不同于臃肿的传统自动化测试框架（如 Playwright），ProofShot 专门针对 Agent 的操作习惯进行了优化，启动更快，交互逻辑更直接。

04. 如何开始？

ProofShot 的安装非常简洁：

只需几行代码，你的 AI 助手就拥有了一双审视 UI 的锐利“双眼”。

结语： 未来的编程不再只是逻辑的堆砌，更是人类与 AI 在视觉和逻辑上的深度协同。ProofShot 正是补全这一环的关键拼图。