skill CX Codex

agent-browser · brianlovin — Claude Code skill: browser automation CLI

Q: How do I install agent-browser in Claude Code?

Run `npx skills add brianlovin/agent-config --skill agent-browser -a claude-code`; the skill lands at `~/.claude/skills/agent-browser/SKILL.md`.

Q: What else is required besides the skill?

The CLI itself plus a downloaded Chrome via `agent-browser install`. Without those the commands have nothing to drive.

A skill that hands your coding agent a browser CLI for opening pages, filling forms, clicking elements and taking screenshots.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add brianlovin/agent-config --skill agent-browser -a claude-code

Open on GitHub

What agent-browser does

The skill exposes a set of agent-browser commands that drive Chrome or Chromium over CDP. Typical loop: open a URL, run agent-browser snapshot -i to get element refs such as @e1, then act on those refs. Re-snapshot after any navigation or DOM change, since old refs stop matching.

Calls share one browser through a background daemon, so chained commands with && are fine — open, wait for network idle, grab a screenshot in one shell line. Keep snapshot separate only when you need its output first. Auth is covered too: persistent profiles, named sessions, importing cookies from your running Chrome, an encrypted vault for credentials.

Before anything works you need the CLI installed (npm i -g agent-browser, brew install agent-browser or cargo install agent-browser) and Chrome pulled down with agent-browser install. Saved state files hold tokens in plaintext, so add them to .gitignore.

Screenshots come in plain, full-page and annotated flavours, where elements get numbered labels. There is also device emulation for mobile viewports.

What it helps with

submit a web form without touching a mouse
capture a full-page screenshot for a report
log into an app once and reuse the session later
pull element text off a page using snapshot refs
download a file that only appears after a button click

Example prompts for the agent

Open https://example.com/form, fill in the fields and submit it
Take a full-page screenshot of the dashboard into page.png
Log in using --state ./auth.json, then confirm the profile page loads

How to install agent-browser

1Skills CLI (Vercel)

npx skills add brianlovin/agent-config --skill agent-browser -a claude-code

2Manually: put the files in place

~/.claude/skills/agent-browser/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/agent-browser/

1Skills CLI (Vercel)

npx skills add brianlovin/agent-config --skill agent-browser -a codex

2Manually: put the files in place

.agents/skills/agent-browser/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add brianlovin/agent-config --skill agent-browser -a cursor

2Manually: put the files in place

.cursor/skills/agent-browser/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install brianlovin/agent-config agent-browser

2Manually: put the files in place

.github/skills/agent-browser/SKILL.md

1Skills CLI (Vercel)

npx skills add brianlovin/agent-config --skill agent-browser -a gemini-cli

2Platform CLI

gemini skills install https://github.com/brianlovin/agent-config --path skills/agent-browser

Manually: put the files in place

.devin/skills/agent-browser/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add brianlovin/agent-config --skill agent-browser -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about agent-browser

How do I install agent-browser in Claude Code?

Run npx skills add brianlovin/agent-config --skill agent-browser -a claude-code; the skill lands at ~/.claude/skills/agent-browser/SKILL.md.

What does agent-browser do?

It gives the agent browser commands for navigation, clicking, typing, waiting on page state, screenshots and downloads.

What else is required besides the skill?

The CLI itself plus a downloaded Chrome via agent-browser install. Without those the commands have nothing to drive.

Similar skills

All skills for Browser and scraping →

agent-browser by other authors comes first.

agent-browser vercel-labs A CLI skill for browser control: it opens pages, fills forms, clicks buttons, and tests web apps. Use it when an agent needs to act inside a website. CX Codex +1 1,200,000installs agent-browser nexu-io Automates browser actions via CLI and CDP. Lets AI agents inspect local web apps, run tests, take element screenshots, and extract design tokens. CX Codex +1 2,800installs agent-browser 101-skills This skill hands your agent a browser: open pages, click elements, fill forms, grab screenshots and record video. Useful for scraping and UI testing. CX Codex +1 162,800installs agent-browser official Vercel Labs Automates browser actions via CLI, takes DOM snapshots, clicks elements, and verifies dev servers. Helps AI agents inspect web interfaces directly. CX Codex GP ChatGPT 20installs webapp-testing official anthropics This skill tests local web apps with Playwright, helping agents debug UI behavior, capture screenshots, and inspect browser logs. 186,758installs computer-use stablyai This skill drives a visible app window through orca computer: accessibility tree, clicks, typing, screenshots. Reach for it when the job sits behind a GUI. CX Codex +1 239,400installs browser-use browser-use Hands the agent a real Chrome over CDP: clicks, typing, screenshots, and pages that need JS or your logged-in session. CX Codex +1 98,200installs playwright-cli microsoft A skill that hands your agent a browser: open a page, click elements, grab a snapshot, and work with Playwright tests. CX Codex +1 195,700installs last30days mvanhorn Pulls posts and engagement on any topic from the last 30 days across Reddit, X, YouTube, TikTok, Hacker News, Polymarket, GitHub and the web. Useful when you want what people actually said, not what a blog summarized. CX Codex +1 53,000installs

From the same set15

tdd Guides agents through a disciplined red-green-refactor loop. It builds features one vertical slice at a time and tests public behavior over implementation details. CX Codex +1 2,800installs react-doctor The skill scans a React codebase against 47+ rules and returns a 0-100 score with file paths and line numbers. Handy before a review or when the app drags. CX Codex +1 2,800installs reclaude Splits a bloated CLAUDE.md into a short root file plus a .claude/rules/ folder. Useful once your agent instructions grow past the point where you can keep them in your head. CX Codex +1 2,800installs bun Configures the assistant to use the Bun runtime instead of Node.js and npm. Replaces heavy npm packages with built-in APIs. CX Codex +1 2,800installs favicon Creates favicon files from one source image, then updates the web manifest and project HTML. Use it when adding or replacing site icons. CX Codex +1 2,800installs playwriter This skill connects an agent to the Chrome tab you already have open through the Playwriter CLI. Use it to inspect live UI, run page actions, or reproduce a frontend bug. CX Codex +1 2,700installs workflow Makes the agent plan multi-step work, push research into subagents and prove a task works before marking it done. CX Codex +1 2,700installs fix-sentry-issues Triages production Sentry errors through Sentry MCP and resolves underlying software defects. Fits investigations of error spikes and Sentry noise cleanup. CX Codex +1 2,700installs