# Browser Testing With Screenshots

Use when testing web applications with visual verification - automates Chrome browser...

- Repository: https://github.com/AgentWorkforce/relay (1088 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add AgentWorkforce/relay --skill browser-testing-with-screenshots -g -a claude-code -y`
Codex: `npx skills add AgentWorkforce/relay --skill browser-testing-with-screenshots -g -a codex -y`
Cursor: `npx skills add AgentWorkforce/relay --skill browser-testing-with-screenshots -g -a cursor -y`
Gemini CLI: `npx skills add AgentWorkforce/relay --skill browser-testing-with-screenshots -g -a gemini-cli -y`

## Description

Use when testing web applications with visual verification - automates Chrome browser interactions, element selection, and screenshot capture for confirming UI functionality

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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 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

The rest: https://github.com/AgentWorkforce/relay/blob/HEAD/.claude/skills/browser-testing-with-screenshots/SKILL.md