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.
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
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
π‘ 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.