🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
πŸ¦€ ClawHub

Bits Browser Automation

by @robbiethompson18

Control browser automation agents via the Bits MCP server. Use when running web scraping, form filling, data extraction, or any browser-based automation task. Bits agents can navigate websites, click elements, fill forms, handle OAuth flows, and extract structured data.

Versionv1.0.0
Downloads2,634
TERMINAL
clawhub install bits

πŸ“– About This Skill


name: bits-mcp description: Control browser automation agents via the Bits MCP server. Use when running web scraping, form filling, data extraction, or any browser-based automation task. Bits agents can navigate websites, click elements, fill forms, handle OAuth flows, and extract structured data.

Bits MCP - Browser Automation

Bits is an AI browser automation platform. The MCP server lets you run browser automation tasks from your AI assistant.

Setup

1. Get an API Key

1. Go to app.usebits.com 2. Sign in with Google 3. Navigate to Settings β†’ API Keys 4. Click Create API Key, give it a name 5. Copy the key (starts with bb_) β€” you won't see it again

2. Configure MCP

Add to your MCP config (e.g., ~/.openclaw/openclaw.json):

{
  "mcpServers": {
    "bits": {
      "command": "npx",
      "args": ["-y", "usebits-mcp"],
      "env": {
        "BITS_API_KEY": "bb_your_key_here"
      }
    }
  }
}

For Claude Code (~/.claude.json):

{
  "mcpServers": {
    "bits": {
      "command": "npx",
      "args": ["-y", "usebits-mcp"],
      "env": {
        "BITS_API_KEY": "bb_your_key_here"
      }
    }
  }
}

3. Restart

Restart your gateway/client to pick up the new MCP server.

Usage

The Bits MCP uses "Code Mode" β€” you write TypeScript SDK code that executes in a sandbox. Two tools are available:

1. Documentation search β€” Query the SDK docs 2. Code execution β€” Write and run TypeScript against the Bits SDK

Example: Scrape a Website

Use the Bits MCP to go to news.ycombinator.com and get the top 5 story titles

The agent will: 1. Search docs for navigation/scraping methods 2. Write TypeScript code to navigate and extract data 3. Execute it and return results

Example: Fill a Form

Use Bits to go to example.com/contact, fill out the contact form with name "Test" and email "test@example.com", then submit

Example: Extract Structured Data

Use Bits to scrape the product listings from example-store.com/products and return them as JSON with name, price, and URL fields

Capabilities

  • Navigate β€” Go to URLs, handle redirects
  • Read pages β€” Extract text, get page layouts, take screenshots
  • Interact β€” Click elements, fill inputs, press keys
  • Handle auth β€” OAuth popups, login forms, 2FA (with stored credentials)
  • Multi-window β€” Switch between tabs/popups
  • Structured output β€” Return data in specific JSON schemas
  • Creating Workflows (Optional)

    For repeated tasks, create a workflow in the Bits web app:

    1. Go to app.usebits.com β†’ Workflows 2. Create a workflow with a definition (instructions for the agent) 3. Optionally add an output schema for structured responses 4. Run via API: POST /workflows/{id}/runs

    Troubleshooting

    "API key invalid" β€” Check your key starts with bb_ and is copied correctly.

    Slow startup β€” First run downloads the MCP package via npx. Subsequent runs are faster.

    Task stuck β€” Browser automation can hit CAPTCHAs or unexpected modals. Check the live view URL in the response.

    Links

  • Web app: app.usebits.com
  • API docs: api.usebits.com/openapi.json
  • πŸ’‘ Examples

    The Bits MCP uses "Code Mode" β€” you write TypeScript SDK code that executes in a sandbox. Two tools are available:

    1. Documentation search β€” Query the SDK docs 2. Code execution β€” Write and run TypeScript against the Bits SDK

    Example: Scrape a Website

    Use the Bits MCP to go to news.ycombinator.com and get the top 5 story titles
    

    The agent will: 1. Search docs for navigation/scraping methods 2. Write TypeScript code to navigate and extract data 3. Execute it and return results

    Example: Fill a Form

    Use Bits to go to example.com/contact, fill out the contact form with name "Test" and email "test@example.com", then submit
    

    Example: Extract Structured Data

    Use Bits to scrape the product listings from example-store.com/products and return them as JSON with name, price, and URL fields
    

    βš™οΈ Configuration

    1. Get an API Key

    1. Go to app.usebits.com 2. Sign in with Google 3. Navigate to Settings β†’ API Keys 4. Click Create API Key, give it a name 5. Copy the key (starts with bb_) β€” you won't see it again

    2. Configure MCP

    Add to your MCP config (e.g., ~/.openclaw/openclaw.json):

    {
      "mcpServers": {
        "bits": {
          "command": "npx",
          "args": ["-y", "usebits-mcp"],
          "env": {
            "BITS_API_KEY": "bb_your_key_here"
          }
        }
      }
    }
    

    For Claude Code (~/.claude.json):

    {
      "mcpServers": {
        "bits": {
          "command": "npx",
          "args": ["-y", "usebits-mcp"],
          "env": {
            "BITS_API_KEY": "bb_your_key_here"
          }
        }
      }
    }
    

    3. Restart

    Restart your gateway/client to pick up the new MCP server.

    πŸ“‹ Tips & Best Practices

    "API key invalid" β€” Check your key starts with bb_ and is copied correctly.

    Slow startup β€” First run downloads the MCP package via npx. Subsequent runs are faster.

    Task stuck β€” Browser automation can hit CAPTCHAs or unexpected modals. Check the live view URL in the response.