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
npx skills add AgentWorkforce/relay --skill browser-testing-with-screenshots --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 ```bash # Clone and install agent-tools git clone https://github.com/badlogic/agent-tools.git cd agent-tools # Follow installation instructions in the repository # Ensure all executables (browser-start.js, browser-nav.js, etc.) are in your PATH ``` **Verify installation:** ```bash # Check that browser tools are available which browser-start.js which browser-nav.js which browser-screenshot.js ``` 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 th
- Overview
- Prerequisites
- When to Use
- Quick Reference
- Setup and Basic Workflow
- 1. Start Chrome with Remote Debugging
- 2. Navigate to Application
- 3. Capture Baseline Screenshot
- Testing Workflow with Screenshots
- Complete Test Scenario Example
- Element Interaction Pattern
- Advanced Usage
- JavaScript Evaluation for Complex Interactions
- Screenshot with Timing
Clone and install agent-tools git clone https://github.com/badlogic/agent-tools.git cd agent-tools Follow installation instructions in the repository Ensure all executables (browser-start.js, browser-nav.js, etc.) are in your PATH Check that browser tools are available which browser-start.js which browser-nav.js which browser-screenshot.js Launch Chrome with debugging enabled (preserves user profile)
What does the browser-testing-with-screenshots skill do?
Use when testing web applications with visual verification - automates Chrome browser interactions, element selection, and screenshot capture for confirming UI functionality
How do I install it?
Run `npx skills add AgentWorkforce/relay --skill browser-testing-with-screenshots --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From AgentWorkforce/relay, a repository with 784 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.