# agent-browser-automation

This skill gives AI agents a headless browser through a Rust CLI and Chrome DevTools Protocol. Use it for pages, forms, snapshots, and screenshots.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2100 installs · ★ 88
- Author: reason-machines
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/agent-browser-automation/SKILL.md
- Updated: 2026-10-09
- HTML: https://affpapa.org/en/nevibecode/skills/agent-browser-automation

## What it does

The skill exposes the `agent-browser` CLI for headless browser control through Chrome DevTools Protocol. An agent can open URLs, click and fill elements, read page content, capture screenshots, and save pages as PDF files.

It uses accessibility snapshots with references such as `@e1` and `@e2`, plus semantic finders for roles, labels, text, and test IDs. The CLI also supports waits, JavaScript evaluation, tabs, frames, and JSON batch execution. It is built in Rust and does not require a Node.js or Playwright runtime.

Run `agent-browser install` before the first browser session; this downloads Chrome for Testing.

## Requirements
- Works with: Chrome

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/agent-browser-automation/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/agent-browser-automation/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/agent-browser-automation/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/agent-browser-automation/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install reason-machines/trending-skills agent-browser-automation
```

2. **Manually: put the files in place**
- File: `.github/skills/agent-browser-automation/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/reason-machines/trending-skills --path skills/agent-browser-automation
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/agent-browser-automation/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill agent-browser-automation -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/agent-browser-automation/SKILL.md

## When to use it
- open a page and inspect its accessibility tree
- fill a web form using `@eN` references
- capture a screenshot or export a page to PDF
- wait for a URL, text, or loading state
- run several browser actions through one batch command

## Example prompts
- Open `https://example.com`, inspect the accessibility snapshot, and click the submit button it exposes.
- Fill the Email field with `user@example.com`, submit the form, and save a screenshot as `result.png`.
- Open the page, wait for URL `**/dashboard`, then export it to `output.pdf`.

## Similar
- [agent-browser](https://affpapa.org/en/nevibecode/skills/vercel-labs-agent-browser.md) — skill · 1200000 installs
- [webapp-testing](https://affpapa.org/en/nevibecode/skills/webapp-testing.md) — skill · 186758 installs
- [computer-use](https://affpapa.org/en/nevibecode/skills/computer-use.md) — skill · 239400 installs
- [browser-use](https://affpapa.org/en/nevibecode/skills/browser-use.md) — skill · 98200 installs
- [playwright-cli](https://affpapa.org/en/nevibecode/skills/playwright-cli.md) — skill · 195700 installs
- [last30days](https://affpapa.org/en/nevibecode/skills/last30days.md) — skill · 53000 installs

From the same set: [reason-machines/trending-skills](https://affpapa.org/en/nevibecode/by/reason-machines/trending-skills.md) — 139 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md