Show HN：ProofShot – 为 AI 编码代理提供视觉能力，以验证它们构建的 UI

Show HN：ProofShot – 为 AI 编码代理提供视觉能力，以验证它们构建的 UI
Show HN: ProofShot – Give AI coding agents eyes to verify the UI they build

## ProofShot：验证AI生成代码 ProofShot 是一款开源工具，为 AI 代理生成的代码提供可视化证明。它通过记录整个浏览器会话——包括导航、点击、表单填写和截图——来工作，以此记录 AI 执行任务的过程。使用三个简单的命令 (`start`、`exec`、`stop`)，ProofShot 捕获一个完整的“证明包”，其中包含视频录制、错误日志和交互式时间线。这使得开发者可以轻松地回顾 AI *具体* 执行的操作，识别错误并验证代码的功能。主要功能包括自动去除无操作时间、跨多种语言的错误检测，以及 PR 准备就绪的工件，如摘要和视觉差异。ProofShot 与代理无关，在单次 CLI 安装后可与任何 AI 编码工具配合使用，并输出一个独立的 HTML 文件以便于审查。本质上，它为 AI 辅助开发增加了一层至关重要的透明度和信任。

ProofShot — Visual proof for AI-built code

Open Source — MIT Licensed

Let your AI agent prove its own work with video recording, error logs, and proof artifacts — every time it ships code.

GitHub

REC

🧭 Navigate: /board

🖱 Click: + Add

⌨ Type: Enable dark mode

↕ Scroll down

1 🧭 navigate "http://localhost:3000/board" 0:00

2 👁 snapshot "app page" 0:02

3 🖱 click "+ Add" 0:04

4 ⌨ fill "name" "Enable dark mode" 0:06

5 ⌨ fill "owner" "@emma" 0:07

6 🖱 click "P1" priority 0:08

7 🖱 click "Create" 0:10

8 ↕ scroll down 0:12

9 📷 screenshot "page with new item" 0:14

How it works

Three commands. Full proof.

ProofShot wraps your dev server, records everything the agent does, and outputs a proof bundle when it's done.

1

Start

Launches your dev server, opens headless Chromium, and starts recording video.

proofshot start --run "npm run dev"

2

Test

Your AI agent navigates, clicks, fills forms, and takes screenshots. Every action is logged.

proofshot exec navigate "http://localhost:3000"
proofshot exec screenshot "homepage"

3

Stop

Collects errors, stops recording, trims dead time, and generates your proof artifacts.

proofshot stop

The viewer

Every session, fully reviewable.

Video playback synced with an action timeline, screenshots, and element labels — all in a single standalone HTML file.

Features

Everything you need to verify.

Capture, detect, review, and share — all from one CLI.

Video Recording

Full browser session recording with automatic dead-time trimming. See exactly what the agent did, not the idle waiting.

Error Detection

Captures browser console errors and scans server logs with pattern matching for JavaScript, Python, Go, Rust, and more.

Interactive Timeline

A standalone HTML viewer with synchronized video, screenshots, and an interactive action timeline with element labels.

PR-Ready Artifacts

Generates SUMMARY.md and formatted output ready to paste into pull requests. Visual diff comparison against baselines.

Agent-agnostic

Works with any AI coding agent.

One-time install, then every agent gets visual verification skills automatically.

Install the CLI, run the setup, and your AI agent can start recording proof.