---
name: Browser Automation
slug: browser-automation-3
category: Automation
description: Browser Automation navigates pages, clicks elements, fills forms, takes screenshots, and scrapes content with agent-browser or playwright-cli. Use it for structured web interaction and testing flows.
github: "https://github.com/daxaur/openpaw/tree/main/skills/c-browser"
language: TypeScript
stars: 167
forks: 11
install: "npx degit https://github.com/daxaur/openpaw/tree/main/skills/c-browser ~/.claude/skills/c-browser"
installs_to: ~/.claude/skills/c-browser
source_path: skills/c-browser/SKILL.md
collection_size: 25
category_size: 2226
collection_url: "https://dirskills.com/collections/daxaur/openpaw"
added: 2026-09-08T05:34:28.176Z
last_synced: 2026-09-08T05:34:28.176Z
canonical_url: "https://dirskills.com/skills/browser-automation-3"
---

# Browser Automation

Browser Automation navigates pages, clicks elements, fills forms, takes screenshots, and scrapes content with agent-browser or playwright-cli. Use it for structured web interaction and testing flows.

**Install:**

```bash
npx degit https://github.com/daxaur/openpaw/tree/main/skills/c-browser ~/.claude/skills/c-browser
```

## README

# Browser Automation

## agent-browser (Vercel)

Navigate and interact with web pages using structured snapshots:

```bash
# Open a URL
agent-browser open "https://example.com"

# Get interactive element snapshot (shows clickable refs)
agent-browser snapshot -i

# Click an element by ref
agent-browser click @e2

# Fill a form field
agent-browser fill @e5 "search query"

# Take annotated screenshot
agent-browser screenshot --annotate

# Type text
agent-browser type "hello world"

# Press keys
agent-browser press Enter
```

## playwright-cli (Microsoft)

Token-efficient browser automation designed for AI agents:

```bash
# Install browser (first time)
playwright-cli install-browser

# Navigate to URL
playwright-cli navigate "https://example.com"

# Get page snapshot
playwright-cli snapshot

# Click element
playwright-cli click "Submit button"

# Fill input
playwright-cli fill "Search" "query text"

# Screenshot
playwright-cli screenshot
```

## Guidelines

- Use agent-browser for AI-driven web interaction (snapshot-ref pattern)
- Use playwright-cli for structured automation and testing flows
- Always check snapshots before clicking — element refs change between pages
- For login flows, navigate step by step and verify each page loads
- Respect robots.txt and rate limits when scraping