Imported from David-Li0406/meta-skill-evloving (skill-flow/data/skills-refined-skillclaw-36k/skillsmp/skillclaw-75847c4c4dafe02c-agent-browser/SKILL.md). Install upstream with npx skills add David-Li0406/meta-skill-evloving --skill skillclaw-75847c4c4dafe02c-agent-browser. Copyright stays with the author.

Skill body

Name: agent-browser
Author: David-Li0406

Setup Check

# Check installation
command -v agent-browser >/dev/null 2>&1 && echo "Installed" || echo "NOT INSTALLED - run: npm install -g agent-browser && agent-browser install"

Install if needed

npm install -g agent-browser
agent-browser install  # Downloads Chromium

Core Workflow

The snapshot + ref pattern is optimal for LLMs:

Navigate to URL
Snapshot to get interactive elements with refs
Interact using refs (@e1, @e2, etc.)
Re-snapshot after navigation or DOM changes

# Step 1: Open URL
agent-browser open https://example.com

# Step 2: Get interactive elements with refs
agent-browser snapshot -i --json

# Step 3: Interact using refs
agent-browser click @e1
agent-browser fill @e2 "search query"

# Step 4: Re-snapshot after changes
agent-browser snapshot -i

Key Commands

Navigation

agent-browser open <url>       # Navigate to URL
agent-browser back             # Go back
agent-browser forward          # Go forward
agent-browser reload           # Reload page
agent-browser close            # Close browser

Snapshots (Essential for AI)

agent-browser snapshot              # Full accessibility tree
agent-browser snapshot -i           # Interactive elements only (recommended)
agent-browser snapshot -i --json    # JSON output for parsing
agent-browser snapshot -c           # Compact (remove empty elements)
agent-browser snapshot -d 3         # Limit depth

Interactions

agent-browser click @e1                    # Click element
agent-browser dblclick @e1                 # Double-click
agent-browser fill @e1 "text"              # Clear and fill input
agent-browser type @e1 "text"              # Type without clearing
agent-browser press Enter                  # Press key
agent-browser hover @e1                    # Hover element
agent-browser check @e1                    # Check checkbox

{ "ocm": "1", "id": "david-li0406-meta-skill-evloving-skillclaw-75847c4c4dafe-39a763", "kind": "skill", "name": "agent-browser", "description": "Use this skill when you need to automate browser interactions, such as filling forms, taking screenshots, or scraping data using Vercel's agent-browser CLI.", "publisher": "David-Li0406", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Use this skill when you need to automate browser interactions, such as filling forms, taking screenshots, or scraping data using Vercel's agent-browser CLI." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/David-Li0406/meta-skill-evloving", "path": "skill-flow/data/skills-refined-skillclaw-36k/skillsmp/skillclaw-75847c4c4dafe02c-agent-browser/SKILL.md", "ref": "ca3a335628981df10c36e00cb9850df2c247ab9a", "url": "https://github.com/David-Li0406/meta-skill-evloving/blob/ca3a335628981df10c36e00cb9850df2c247ab9a/skill-flow/data/skills-refined-skillclaw-36k/skillsmp/skillclaw-75847c4c4dafe02c-agent-browser/SKILL.md", "key": "David-Li0406/meta-skill-evloving/skill-flow/data/skills-refined-skillclaw-36k/skillsmp/skillclaw-75847c4c4dafe02c-agent-browser/SKILL.md" } }, "instructions": "# Skill body\n\n## Setup Check\n\n```bash\n# Check installation\ncommand -v agent-browser >/dev/null 2>&1 && echo \"Installed\" || echo \"NOT INSTALLED - run: npm install -g agent-browser && agent-browser install\"\n```\n\n### Install if needed\n\n```bash\nnpm install -g agent-browser\nagent-browser install # Downloads Chromium\n```\n\n## Core Workflow\n\n**The snapshot + ref pattern is optimal for LLMs:**\n\n1. **Navigate** to URL\n2. **Snapshot** to get interactive elements with refs\n3. **Interact** using refs (@e1, @e2, etc.)\n4. **Re-snapshot** after navigation or DOM changes\n\n```bash\n# Step 1: Open URL\nagent-brow", "cost": { "context_tokens": 490 } }

agent-browser

About