Generated banner for Browser
Generated logo for Browser

Browser

BrowserbaseOfficialPublished by Browserbase

  • Skill
  • Tool integration
  • Automation and integrations
  • MIT
  • Low risk

From the author

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Supports remote Browserbase sessions with Browserbase Identity, Verified browsers, automatic CAPTCHA solving, and residential proxies — ideal for protected websites and JavaScript-heavy pages.
— the description by Browserbase

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

The browser skill provides a command-line interface for controlling web browsers to perform tasks such as navigation, data extraction, form filling, and interaction with web applications. It supports both local browser instances and remote sessions via Browserbase, offering features like automatic CAPTCHA solving, residential proxies, and session persistence. This tool is designed to help AI agents navigate the web, interact with complex or protected sites, and retrieve structured page information efficiently.

What it does

  • Navigates to websites and manages browser sessions.
  • Extracts structured data, HTML, or markdown from web pages.
  • Interacts with web elements like buttons, forms, and dropdowns.
  • Supports remote browsing with CAPTCHA solving and residential proxies.
  • Captures visual screenshots or accessibility snapshots for page state analysis.
  • Streams Chrome DevTools Protocol (CDP) events for advanced debugging.

When to use it

  • When you need to scrape data from websites or interact with web-based forms.
  • When navigating sites protected by bot detection, CAPTCHAs, or IP rate limiting.
  • When you need to perform automated testing or visual verification of a web page.
  • When you need to reuse existing local browser cookies or session state.
  • When you need to monitor network or console events via CDP.

Advantages

  • Flexible execution modes (local, remote, or attached to existing debuggable Chrome).
  • Efficient page state retrieval using accessibility snapshots instead of heavy screenshots.
  • Built-in support for bypassing common web protections like Cloudflare and CAPTCHAs.
  • Provides granular control over browser interactions through natural language commands.
  • Supports session persistence and geo-specific access via residential proxies.

Usage examples

“Browse to https://example.com and extract the main content as markdown.”
The agent will open the URL, retrieve the page content, and return it formatted as markdown.
“Fill out the login form on the current page with my credentials and click submit.”
The agent will identify the form fields, input the provided data, and trigger the submit action.
“Take a screenshot of the current page to debug a layout issue.”
The agent will capture a visual image of the page and save it to the specified path.
“Use remote mode to access a site that is blocking my local IP.”
The agent will initiate a Browserbase session using residential proxies to bypass the IP block.

Install

  1. Download the skill as a ZIP:

    https://mp-staging.autogineer.com/agent-skills/browserbase/browser/download
  2. Unzip it into the cross-client skills folder of your project:

    mkdir -p .agents/skills && unzip browser.zip -d .agents/skills

Documentation by Browserbase

Browser Automation

Automate browser interactions using the browse CLI with Claude.

Setup check

Before running any browser commands, verify the CLI is available:

which browse || npm install -g browse

Environment Selection (Local vs Remote)

The CLI supports explicit per-command environment flags. If you do nothing, the next session defaults to Browserbase when BROWSERBASE_API_KEY is set and to local otherwise.

Local mode
  • browse open <url> --local starts a clean isolated local browser

  • browse open <url> --auto-connect attaches to an already-running debuggable Chrome; use --local when no debuggable Chrome is available

  • browse open <url> --cdp <port|url> attaches to a specific CDP target

  • Best for: development, localhost, trusted sites, and reproducible runs

Remote mode (Browserbase)
  • browse open <url> --remote starts a Browserbase session

  • Without a local flag, Browserbase is also the default when BROWSERBASE_API_KEY is set

  • Provides: Browserbase Identity, Verified browsers, automatic CAPTCHA solving, residential proxies, session persistence

  • Use remote mode when: the target site has bot detection, CAPTCHAs, IP rate limiting, Cloudflare protection, or requires geo-specific access

  • Get credentials at https://browserbase.com/settings

When to choose which
  • Repeatable local testing / clean state: browse open <url> --local

  • Reuse your local login/cookies: browse open <url> --auto-connect

  • Simple browsing (docs, wikis, public APIs): local mode is fine

  • Protected sites (login walls, CAPTCHAs, anti-scraping): use remote mode

  • If local mode fails with bot detection or access denied: switch to remote mode

Commands

Most driver commands work across local, remote, and CDP sessions after the daemon starts.

Navigation
browse open <url>                        # Go to URL
browse open <url> --local                # Go to URL in a clean local browser
browse open <url> --remote               # Go to URL in a Browserbase session
browse reload                            # Reload current page
browse back                              # Go back in history
browse forward                           # Go forward in history
Page state (prefer snapshot over screenshot)
browse snapshot                          # Get accessibility tree with element refs (fast, structured)
browse screenshot --path <path>          # Take visual screenshot (slow, uses vision tokens)
browse get url                           # Get current URL
browse get title                         # Get page title
browse get text <selector>               # Get text content (use "body" for all text)
browse get html <selector>               # Get HTML content of element
browse get markdown [selector]           # Get page content as markdown (defaults to body)
browse get value <selector>              # Get form field value

Use browse snapshot as your default for understanding page state — it returns the accessibility tree with element refs you can use to interact. Only use browse screenshot when you need visual context (layout, images, debugging).

Interaction
browse click <ref>                       # Click element by ref from snapshot (e.g., @0-5)
browse type <text>                       # Type text into focused element
browse fill <selector> <value>           # Fill input; add --press-enter if Enter is needed
browse select <selector> <values...>     # Select dropdown option(s)
browse upload <selector> <files...>      # Upload file(s) to <input type="file">
browse press <key>                       # Press key (Enter, Tab, Escape, Cmd+A, etc.)
browse mouse drag <fromX> <fromY> <toX> <toY>  # Drag from one point to another
browse mouse scroll <x> <y> <deltaX> <deltaY>  # Scroll at coordinates
browse highlight <selector>              # Highlight element on page
browse is visible <selector>             # Check if element is visible
browse is checked <selector>             # Check if element is checked
browse wait <type> [arg]                 # Wait for: load, selector, timeout
CDP event tailing
browse cdp <url|port>                    # Stream CDP events as NDJSON from any target
browse cdp 9222                          # Attach to local Chrome on port 9222
browse cdp ws://localhost:9222/devtools/browser/...  # Full WebSocket URL
browse cdp <url> --domain Network        # Only Network events
browse cdp <url> --domain Network --domain Console  # Multiple domains
browse cdp <url> --pretty                # Human-readable output
browse cdp <url> > events.jsonl          # Pipe to file
browse cdp <url> | jq '.method'          # Filter with jq

The cdp command connects directly to any Chrome DevTools Protocol target and streams events. It does not use the daemon — it's a standalone, long-running process. Press Ctrl+C to stop. Default domains: Network, Console, Runtime, Log, Page.

Session management
browse stop                              # Stop the browser daemon
browse status                            # Check daemon status and resolved mode
browse tab list                          # List all open tabs
browse tab switch <index-or-target-id>   # Switch to tab by index or target ID
browse tab close [index-or-target-id]    # Close tab
Typical workflow

If the environment matters, put --local, --remote, --auto-connect, or --cdp <port|url> on the first browser command.

  1. browse open <url> --local or browse open <url> --remote — navigate to the page

  2. browse snapshot — read the accessibility tree to understand page structure and get element refs

  3. browse click <ref> / browse type <text> / browse fill <selector> <value> — interact using refs from snapshot

  4. browse snapshot — confirm the action worked

  5. Repeat 3-4 as needed

  6. browse stop — close the browser when done

Quick Example

browse open https://example.com
browse snapshot                          # see page structure + element refs
browse click @0-5                        # click element with ref 0-5
browse get title
browse stop

Mode Comparison

FeatureLocalBrowserbase
SpeedFasterSlightly slower
SetupChrome requiredAPI key required
Reuse existing local cookiesWith browse open <url> --auto-connectN/A
Verified browserNoYes (Browserbase Verified browser via Identity)
CAPTCHA solvingNoYes (automatic reCAPTCHA/hCaptcha)
Residential proxiesNoYes (201 countries, geo-targeting)
Session persistenceNoYes (cookies/auth persist via contexts)
Best forDevelopment/simple pagesProtected sites, Browserbase Identity + Verified access, production scraping

Best Practices

  1. Choose the local strategy deliberately: use browse open <url> --local for clean state, browse open <url> --auto-connect for existing local credentials, and browse open <url> --remote for protected sites

  2. Always browse open first before interacting

  3. Use browse snapshot to check page state — it's fast and gives you element refs

  4. Only screenshot when visual context is needed (layout checks, images, debugging)

  5. Use refs from snapshot to click/interact — e.g., browse click @0-5

  6. browse stop when done to clean up the browser session and clear the env override

Troubleshooting

  • "No active page": Run browse stop, then check browse status. If it still says running, kill the zombie daemon with pkill -f "browse.*daemon", then retry browse open

  • Chrome not found: Install Chrome, use browse open <url> --auto-connect if you already have a debuggable Chrome running, or switch to browse open <url> --remote

  • Action fails: Run browse snapshot to see available elements and their refs

  • Browserbase fails: Verify API key is set

Switching to Remote Mode

Switch to remote when you detect: CAPTCHAs (reCAPTCHA, hCaptcha, Turnstile), bot detection pages ("Checking your browser..."), HTTP 403/429, empty pages on sites that should have content, or the user asks for it.

Don't switch for simple sites (docs, wikis, public APIs, localhost).

browse open <url> --local          # clean isolated local browser
browse open <url> --auto-connect   # attach to existing debuggable Chrome
browse open <url> --remote         # Browserbase session

Mode flags are applied when a session starts. After browse stop, the next start falls back to env-var-based auto detection. Use browse status to inspect the resolved mode and target while the daemon is running.

For detailed examples, see EXAMPLES.md. For API reference, see REFERENCE.md.

Files

EXAMPLES.md

Browser Automation Examples

Common browser automation workflows using the browse CLI. Each example demonstrates a distinct pattern using real commands.

For localhost and other local dev flows, start with browse open <url> --local for a clean isolated browser. Use browse open <url> --auto-connect only when the agent should attach to an existing debuggable Chrome session for cookies or login state.

Example 1: Extract Data from a Page

User request: "Get the product details from example.com/product/123"

browse open https://example.com/product/123
browse snapshot                          # read page structure + element refs
browse get text "body"                   # extract all visible text content
browse stop

Parse the text output to extract structured data (name, price, description, etc.).

For a specific section, use a CSS selector:

browse get text ".product-details"       # text from a specific container

Note: browse get text requires a CSS selector — use "body" for all page text.

Example 2: Fill and Submit a Form

User request: "Fill out the contact form on example.com with my information"

browse open https://example.com/contact
browse snapshot                          # find form fields and their refs
browse click @0-3                        # click the Name input (ref from snapshot)
browse type "John Doe"
browse press Tab                         # move to next field
browse type "[email protected]"
browse fill "#message" "I would like to inquire about your services"
browse snapshot                          # verify fields are filled
browse click @0-8                        # click Submit button (ref from snapshot)
browse snapshot                          # confirm submission result
browse stop

Key pattern: Use browse snapshot before interacting to discover element refs, then browse click <ref> and browse type to interact.

Example 3: Multi-Step Navigation

User request: "Get headlines from the first 3 pages of results on example.com/news"

browse open https://example.com/news
browse snapshot                          # read page 1 content
browse get text ".headline"              # extract headlines

browse snapshot                          # find "Next" button ref
browse click @0-12                       # click Next (ref from snapshot)
browse wait load                         # wait for page 2 to load
browse get text ".headline"              # extract page 2 headlines

browse snapshot                          # find Next again (ref may change)
browse click @0-15                       # click Next
browse wait load
browse get text ".headline"              # extract page 3 headlines

browse stop

Key pattern: Re-run browse snapshot after each navigation because element refs change when the page updates.

Example 4: Escalate to Remote Mode

User request: "Scrape pricing from competitor.com" (a site with Cloudflare protection)

# Attempt 1: local mode
browse open https://competitor.com/pricing --local
browse snapshot
# Output shows: "Checking your browser..." (Cloudflare interstitial)
# or: page content is empty / access denied
browse stop

The agent detects bot protection and tells the user:

This site has Cloudflare bot detection. Browserbase remote mode can use Browserbase Identity with a Verified browser and residential proxies. Want me to set it up?

If the user agrees:

# Set Browserbase credentials
export BROWSERBASE_API_KEY="bb_live_..."

# Retry in remote mode
browse open https://competitor.com/pricing --remote
browse snapshot                          # full page content now accessible
browse get text ".pricing-table"
browse stop

Example 5: Persist Login with Context ID

User request: "Log into my dashboard and save the session so I don't have to log in again next time"

This uses Browserbase contexts to persist cookies and storage across sessions. Requires remote mode.

# Session 1: Log in and persist state
SESSION_JSON="$(browse cloud sessions create --context-id ctx_abc123 --persist --keep-alive)"
SESSION_ID="$(echo "$SESSION_JSON" | jq -r .id)"
CONNECT_URL="$(echo "$SESSION_JSON" | jq -r .connectUrl)"

browse open https://app.example.com/login --cdp "$CONNECT_URL"
browse snapshot                          # find login form fields
browse click @0-3                        # click email input
browse type "[email protected]"
browse press Tab
browse type "my-password"
browse click @0-7                        # click Sign In button
browse wait load
browse snapshot                          # confirm logged-in dashboard
browse stop
browse cloud sessions update "$SESSION_ID" --status REQUEST_RELEASE  # state is saved back to ctx_abc123

In a later session, reuse the same context — already authenticated:

# Session 2: Resume with saved state (already logged in)
SESSION_JSON="$(browse cloud sessions create --context-id ctx_abc123 --keep-alive)"
SESSION_ID="$(echo "$SESSION_JSON" | jq -r .id)"
CONNECT_URL="$(echo "$SESSION_JSON" | jq -r .connectUrl)"

browse open https://app.example.com/dashboard --cdp "$CONNECT_URL"
browse snapshot                          # dashboard loads — no login needed
browse get text ".welcome-message"
browse stop
browse cloud sessions update "$SESSION_ID" --status REQUEST_RELEASE

Key pattern: Use browse cloud sessions create --context-id <id> --persist for the first Browserbase session to save auth state, then attach with browse open ... --cdp "$CONNECT_URL". On subsequent sessions, create with the same --context-id and omit --persist if you don't want changes saved back.

Tips

  • Snapshot first: Always run browse snapshot before interacting — it gives you the accessibility tree with element refs

  • Use refs to click: browse click @0-5 is more reliable than trying to describe elements

  • Re-snapshot after actions: Element refs change when the page updates

  • get text for data extraction: Use browse get text [selector] to pull text content from specific elements

  • stop when done: Always browse stop to clean up the browser session

  • Prefer snapshot over screenshot: Snapshot is fast and structured; screenshot is slow and uses vision tokens. Only screenshot when you need visual context (layout, images, debugging)

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Needs: Declares allowed tools, Needs an API key, Needs Node.js

The author says: Requires the browse CLI (`npm install -g browse`). Remote Browserbase sessions need `BROWSERBASE_API_KEY`. Local mode uses Chrome/Chromium on your machine.

Security

What our scanner noticed· Low risk

  • Instructions that use the network

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Published by
Browserbase
Publisher
Browserbase (Official)
Source
browserbase/skills · skills/browser · commit 6811ca3
Licence
MIT License (redistribution allowed)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Browserbase.

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download browser.zip