π¦ ClawHub
Video Proof
by @rikisann
Record video proof of implemented features after coding tasks complete. Use when a coding agent finishes work and needs to visually verify and demonstrate th...
π‘ Examples
Option A: YAML Proof Spec (recommended)
Create a proof-spec.yaml:
proof:
start_command: "npm run dev" # any shell command that starts your app
start_port: 3000 # port to poll before recording begins
base_url: "http://localhost:3000"
steps:
- goto: "/dashboard"
- wait: 2000
- screenshot: "dashboard-loaded"
- click: "text=Create New"
- wait: 1000
- assert_visible: "text=New Item"
- screenshot: "item-created"
Run it:
node scripts/record-proof.js --spec proof-spec.yaml --output ./proof-artifacts
Option B: Inline CLI (simple cases)
node scripts/record-proof.js \
--start "python3 -m http.server 8080" \
--port 8080 \
--url http://localhost:8080 \
--goto "/" \
--screenshot "home" \
--output ./proof-artifacts
Option C: Already-running server (no start_command)
Omit start_command β the script skips server startup and goes straight to recording:
proof:
base_url: "https://staging.myapp.com"
steps:
- goto: "/login"
- screenshot: "login-page"
βοΈ Configuration
Run once per machine:
bash scripts/setup.sh
Installs Playwright (Chromium), ffmpeg, and the yaml npm package.
π Tips & Best Practices
assert_visible to make proofs fail when the feature doesn't work β video of a broken page isn't useful proofwait steps between actions let data load and animations settle β 1-2s is usually enough.webm (just skips mp4 conversion)TERMINAL
clawhub install video-proof