Browser

This is browser automation that actually thinks about token usage. Instead of dumping full DOM trees into context, it gives you accessibility snapshots with element refs like @e1, @e2 that you can click or fill directly. The interactive-only flag cuts out 93% of the noise. Works as MCP tools in claude-flow, so your agent can navigate, scrape, fill forms, whatever. The session system lets you run parallel browser instances if you're doing swarm stuff. Honestly just solid execution on making Playwright usable for AI workflows without burning your context window on HTML soup.

GitHub stars: 240
last updated: Jun 11, 2026

View on GitHub

Install

$ npx -y skills add spencermarx/open-code-review --skill browser --agent claude-code

Installs into .claude/skills of the current project.

Files

Browser Automation Skill

Web browser automation using agent-browser with AI-optimized snapshots. Reduces context by 93% using element refs (@e1, @e2) instead of full DOM.

Core Workflow

# 1. Navigate to page
agent-browser open <url>

# 2. Get accessibility tree with element refs
agent-browser snapshot -i    # -i = interactive elements only

# 3. Interact using refs from snapshot
agent-browser click @e2
agent-browser fill @e3 "text"

# 4. Re-snapshot after page changes
agent-browser snapshot -i

Quick Reference

Navigation

Command	Description
`open <url>`	Navigate to URL
`back`	Go back
`forward`	Go forward
`reload`	Reload page
`close`	Close browser

Snapshots (AI-Optimized)

Command	Description
`snapshot`	Full accessibility tree
`snapshot -i`	Interactive elements only (buttons, links, inputs)
`snapshot -c`	Compact (remove empty elements)
`snapshot -d 3`	Limit depth to 3 levels
`screenshot [path]`	Capture screenshot (base64 if no path)