Agent skill · software engineering · aiskillstore
browser-testing-with-screenshots
Use when testing web applications with visual verification - automates Chrome browser interactions, element selection, and screenshot capture for confirming UI functionality
Why this skill is useful
Adds specific commands and workflows for automating browser testing that the AI wouldn't reliably generate on its own.
What it needs
Requires agent-tools installed locally. About 4k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Browser Testing with Screenshots Overview Automate Chrome browser testing with visual verification using browser-tools. Connect to Chrome DevTools Protocol for navigation, interaction, and screenshot capture to confirm application functionality. Prerequisites REQUIRED: Install agent-tools from https://github.com/badlogic/agent-tools Verify installation: All browser-\ commands referenced in this skill come from the agent-tools repository and must be properly installed and accessible in your system PATH. When to Use Use this skill when: Testing web application UI flows Verifying visual changes or layouts Automating repetitive browser interactions Documenting application behavior with screenshots Testing localhost applications during development Need to interact with elements that require human-like selection Don't use for: API testing (use direct HTTP calls) Headless testing where visuals don't matter Simple page content validation (use curl/wget) Quick Reference Task Command Purpose --------------- ------------------------------------------------ ----------------------------- Start browser browser-start.js Launch Chrome with debugging Navigate browser-nav.js http://localhost:5172/dashboard Go to specific URL Take screenshot browser-screenshot.js Capture current viewport Pick elements browser-pick.js "Select the login button" Interactive element selection Run JavaScript browser-eval.js 'document.title' Execute code in page context Extract content browser-content.js Get readable page content View cookies browser-cookies.js List session cookies Setup and Basic Workflow 1. Start Chrome with Remote Debugging Expected Result: Chrome opens on port 9222 with DevTools Protocol enabled 2. Navigate to Application Verify: Browser navigates to dashboard page 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/browser-testing-with-screenshots