Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
Back to list

agent-browser Automation

Drive real websites from Claude using the `agent-browser` CLI: snapshot refs, click and fill, then verify the result.

AutomationIntermediate11615AI score 9/10Last updated: May 16, 2026

What it does

Teaches Claude a tight loop for browser automation via the agent-browser CLI.

  • Open a page, wait for load state, then snapshot -i to get compact refs (@e1, @e2)
  • Click, fill, and select by ref; re-snapshot after any navigation or DOM change
  • Verify with get text/url/title, diff snapshot, or screenshot --annotate
  • Classify auth flows first: production accounts, OAuth/SSO are handed back to the human
  • Use named sessions for parallel work and always close when finished

Who it's for

  • Anyone automating repetitive web forms, logins, or data extraction
  • QA and front-end engineers who want agent-run web app scenarios
  • Teams who prefer stable short refs over brittle CSS selectors

Examples

  1. Automated login: openwait --load networkidlesnapshot -i → fill email/password → click @e3 → re-snapshot to confirm
  2. Scrape a listing page: snapshot the results, then get text each item ref
  3. Visual regression check: diff snapshot plus screenshot --annotate before and after an interaction

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/avibebuilder/claude-prime/HEAD/.claude/skills/agent-browser/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the .claude/skills/agent-browser folder from the GitHub repo avibebuilder/claude-prime into my ~/.claude/skills/avibebuilder-agent-browser/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/avibebuilder/claude-prime.git /tmp/claude-prime && mkdir -p ~/.claude/skills && cp -r /tmp/claude-prime/.claude/skills/agent-browser ~/.claude/skills/

This is a third-party skill. Check the source repository before installing.

  1. Confirm Node.js is installed (node -v).
  2. Install the CLI: npm i -g agent-browser (the skill also falls back to npx agent-browser).
  3. Clone the repo: git clone https://github.com/avibebuilder/claude-prime.git
  4. Copy the skill folder: mkdir -p ~/.claude/skills && cp -r claude-prime/.claude/skills/agent-browser ~/.claude/skills/
    • Make sure the references/ and templates/ subfolders come along.
  5. Restart Claude Code and try a prompt like "open this site and fill out the signup form".