skills.rest
AmElmo
AmElmoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

proofshot

Record UI interactions and capture errors into bundled proof artifacts.

846|48|Updated Feb 27, 2026
Search Tags:#testing#ui#developer tools#ci/cd#verification#ai agent
One-click install
npx skills add https://github.com/AmElmo/proofshot --skill proofshot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: proofshot
Source: https://github.com/AmElmo/proofshot/tree/main/test/fixtures/sample-app/.claude/skills/proofshot
Command: npx skills add https://github.com/AmElmo/proofshot --skill proofshot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides AI coding agents with the ability to visually verify UI features by recording video proof of their work, capturing errors, and bundling artifacts for human review.

Core Features & Use Cases

  • Visual Verification: Records video of UI changes and interactions.
  • Error Capture: Collects console and server logs during testing.
  • Artifact Bundling: Generates a report with video, screenshots, and errors.
  • PR Integration: Optionally uploads proof directly to GitHub Pull Requests.
  • Use Case: After an AI agent builds a new login form, ProofShot can record the entire process from navigation to submission, capturing any visual glitches or errors, and providing a clear video report for the developer.

Quick Start

Start a verification session by running proofshot start and then drive the browser to test the UI.

Frequently Asked Questions about proofshot

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I verify UI changes made by an AI coding agent?▼

You can verify UI changes made by an AI coding agent by starting a visual verification session to record video proof of browser interactions, capture console and server errors, and bundle these artifacts for human review.

How do I capture console and server errors during UI testing?▼

To capture console and server errors during UI testing, start a visual verification session before driving browser commands, and the tool will automatically collect these logs into a bundled artifact report upon stopping the recording.

Can I attach video proof of UI features directly to a GitHub PR?▼

Yes, you can attach video proof of UI features directly to a GitHub Pull Request because the visual verification tool supports optional integration that uploads bundled artifact reports, including video and screenshots, for seamless review.

What is the workflow for recording automated UI tests?▼

The workflow for recording automated UI tests involves three steps: start the recording session, drive the browser to test interactions and capture errors, and stop the session to bundle the proof artifacts into a report.

Do I need additional dependencies to perform visual verification of UI features?▼

No additional dependencies are required to perform visual verification of UI features, as the tool operates through its internal scripts without needing external packages or complex environment setups.

Does proofshot work with automated CI/CD pipelines?▼

Proofshot works with automated CI/CD pipelines by enabling AI agents to execute browser commands for visual verification and generate bundled artifact reports containing video recordings and captured errors.

Related Skills

Explore More Software Engineering Skills→
Sake-TeamSake-Team

browser-qa

Automate visual testing and UI interaction verification with browser automation tools.

Official
Advanced
kenhiakenhia

feature-video

Create MP4 video walkthroughs of GitHub pull requests and upload them.

Community
Intermediate
hidonguyenhidonguyen

ck:agent-browser

Automate browser navigation and element interaction via refs-based CLI snapshots.

Community
Advanced
lachiehlachieh

qa-only

Automate web app QA testing and generate evidence-rich bug reports.

Community
Intermediate