Show HN: ProofShot – 為 AI 程式碼代理提供視覺驗證能力，確保其構建的 UI 正確無誤

背景

ProofShot 是一款專為 AI 編程代理（AI coding agents）設計的開源命令列工具，旨在解決 AI 在編寫前端代碼時「看不見」執行結果的痛點。透過自動啟動瀏覽器、記錄操作影片、擷取螢幕截圖並收集錯誤日誌，該工具能生成一份包含完整證據的 HTML 報告，讓開發者無需親自開啟瀏覽器即可驗證 AI 的工作成果。

社群觀點

Hacker News 社群對 ProofShot 的出現反應兩極，主要爭論點在於該工具與現有自動化測試框架（如 Playwright）的功能重疊程度。部分開發者認為，Playwright 或 Chrome DevTools 協議（CDP）早已具備類似的截圖與操作能力，甚至能讓 AI 代理在執行過程中即時偵錯，而非事後才查看報告。例如，有評論指出 Claude Code 已經能透過 CDP 擷取主控台訊息來除錯，質疑 ProofShot 這種「錄影存證」模式的必要性。

然而，支持者則從開發流程與視覺驗證的角度出發，認為 ProofShot 的價值在於其生成的「視覺證明」能極大化地提升 PR（Pull Request）的審核效率。許多人提到，雖然 Playwright 強大，但其配置相對繁瑣，而 ProofShot 提供了一種更輕量、專注於「視覺證據」的封裝方式。特別是在處理佈局跑版或 CSS 樣式問題時，AI 往往會陷入「宣稱已修復但實際無效」的循環，此時若能強制 AI 透過瀏覽器視覺確認，能有效打破這種盲目修復的僵局。此外，將操作影片與時間軸同步整合在單一 HTML 檔案中，對於團隊協作與人工覆核來說是非常實用的功能。

另一部分的討論聚焦於「視覺」的深層定義。有觀點認為，單純的截圖並不等同於「理解」，真正的價值應在於結合多模態模型（Vision Models）對截圖進行語義分析。例如，在沒有 DOM 結構的桌面應用或複雜繪圖程式中，像素級的對比與視覺分析是唯一的測試手段。社群中也有人分享了將此類工具應用於行動裝置模擬器的構想，認為若能讓 AI 代理在 iOS 或 Android 模擬器上進行視覺化操作，將能解決目前行動端開發缺乏直觀驗證工具的困境。整體而言，社群共識傾向於認為，隨著 AI 代理逐漸接管代碼編寫，人類的角色將轉向「審核者」，而像 ProofShot 這樣能提供直觀證據的工具，確實有助於將人類從繁瑣的環境搭建與手動驗證中解放出來。

延伸閱讀

在討論串中，開發者們提及了多個相關工具與替代方案。針對 AI 瀏覽器操作，有人推薦了 Vercel Labs 的 agent-browser 以及 exe.dev，後者被認為原生內建了類似的驗證功能。在 MCP（Model Context Protocol）生態系中，Chrome DevTools MCP 與 Playwright MCP 是目前主流的選擇。此外，針對更深層的視覺分析與自動化導覽，留言中也提到了 Antigravity（Google Windsurf 內建功能）以及 deepwalker.xyz 等新興工具。對於希望在行動端實現類似功能的開發者，則建議參考 Xcode Simulator 或 Android 模擬器的自動化接口。