← ClaudeAtlas

visual-verificationlisted

Verify application UI changes with uploaded screenshot or video artifacts
Jbaws4177/background-agents · ★ 1 · Web & Frontend · score 74
Install: claude install-skill Jbaws4177/background-agents
# visual-verification Use this skill when the goal is to verify UI changes inside the application and return visual evidence in the Open-Inspect session. `agent-browser` remains the low-level browser tool. This skill defines the workflow contract for using it reliably. ## Key Fact `upload-media` is a **bash command** installed on PATH. Run it with your Bash tool, not as an MCP tool or tool binding. For videos, use `agent-browser record` directly, then probe and upload the resulting MP4 with `upload-media`. ## When To Use It - Verify a UI change after editing code - Capture before/after screenshots for comparison - Confirm responsive layout differences at a chosen viewport - Produce an uploaded screenshot or short video artifact the user can review in-session ## Success Criteria The task is not complete until all of these are true: 1. The changed UI is opened in the browser. 2. The capture mode is chosen explicitly: viewport screenshot, full-page screenshot, or video. 3. The viewport is set explicitly or reported as a deliberate default. 4. A screenshot or video is uploaded in the same prompt. 5. The returned `artifactId` is reported back to the user. 6. The response states what was verified and what dimensions/mode were used. ## Required Workflow 1. Open the target page with `agent-browser open`. 2. If viewport matters, set it explicitly with `agent-browser set viewport <width> <height>`. 3. Wait for the page to settle before capture. 4. Choose one of: - Viewpor