browser-verifylisted

Combined AI browser testing + visual inspection. Runs expect-cli for automated test generation/execution, then debug-bridge for screenshots and DOM inspection. Use when you need to verify UI changes with both automated tests AND visual evidence. Trigger on "verify in browser", "browser verify", "visual test", "test and screenshot", or after completing UI fixes that need proof.
stevengonsalvez/agents-in-a-box · ★ 10 · Web & Frontend · score 73

Install: claude install-skill stevengonsalvez/agents-in-a-box

# Browser Verify — Test + Screenshot Combo Combines **expect-cli** (AI-generated browser tests) with **debug-bridge** (screenshots + DOM inspection) for full verification with visual evidence. ## When to Use - After fixing UI bugs — need both test pass AND screenshot proof - Before raising a PR — capture evidence for PR comments - When `/validate` needs visual verification - Anytime you hear "prove it works" ## Architecture ``` ┌─────────────────────────────────────────────────────────────┐ │ /browser-verify │ │ │ │ Phase 1: expect-cli (Playwright browser) │ │ ├─ Auto-detect dev server │ │ ├─ AI generates test plan from git diff │ │ ├─ Execute tests → pass/fail results │ │ └─ Session recording (ephemeral replay) │ │ │ │ Phase 2: debug-bridge (App's own browser via WebSocket) │ │ ├─ Open app with ?session=X&port=Y │ │ ├─ Navigate to affected pages │ │ ├─ Take before/after screenshots → saved as PNG │ │ ├─ Inspect DOM state, console errors, network │ │ └─ Upload screenshots via /imgbb-upload for PR comments │ └─────────────────────────────────────────────────────────────┘ ``` ## Quick Start ```bash /browser-