Control AI-powered browser automation agents to scrape data, fill forms, and navigate complex web workflows using a TypeScript SDK.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install bits
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install bits using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Bits MCP Browser Automation?
Bits MCP is a specialized interface within the ecosystem of Openclaw Skills designed to bridge the gap between AI agents and the live web. It provides a robust platform for executing browser-based tasks by running TypeScript code in a secure sandbox, allowing agents to perform actions that go beyond simple API calls. Whether you need to navigate multi-step OAuth flows, click specific UI elements, or extract deeply nested information, this skill empowers your AI to interact with websites with human-like precision.
By leveraging the Bits platform, developers can extend their assistant's reach to any web-based interface, making it an essential addition to your collection of Openclaw Skills. This integration ensures that your automated agents are no longer confined to static data sources but can actively engage with the internet to perform real-world tasks, from market research to automated form submissions.
Bits MCP Browser Automation Use Cases
- Automating complex web scraping tasks to gather real-time data from dynamic websites.
- Filling out repetitive web forms and submitting data automatically for lead generation or testing.
- Handling multi-stage authentication processes, including OAuth popups and login forms.
- Extracting structured JSON data from unstructured web pages for downstream data analysis.
- Capturing screenshots and page layouts to monitor visual changes or verify UI deployments.
How Bits MCP Browser Automation Works
- The AI agent receives a natural language prompt requiring browser-based interaction.
- The agent utilizes the Documentation Search tool to identify the correct Bits SDK methods needed for the specific task.
- The agent generates a TypeScript code snippet designed to execute actions like navigation, clicking, or data extraction.
- This code is sent to the Bits MCP server, which executes the script within a cloud-hosted browser environment.
- The server returns the extracted data, screenshots, or execution status back to the agent to finalize the workflow.
Bits MCP Browser Automation Setup
1. Obtain API Key
Sign in at app.usebits.com, navigate to Settings → API Keys, and create a new key. Ensure you copy the key immediately as it starts with bb_ and will not be shown again.
2. Configure MCP
Add the Bits configuration to your Openclaw Skills environment by editing your ~/.openclaw/openclaw.json or ~/.claude.json file:
{
"mcpServers": {
"bits": {
"command": "npx",
"args": ["-y", "usebits-mcp"],
"env": {
"BITS_API_KEY": "bb_your_key_here"
}
}
}
}
3. Restart Client
Restart your gateway or AI client to initialize the new MCP server and begin running browser tasks.
Bits MCP Browser Automation Data Schema & Taxonomy
The skill organizes interaction data and extraction results into structured formats for easy consumption by other Openclaw Skills.
| Component | Description | Data Format |
|---|---|---|
| Structured Output | Data extracted via custom schemas defined in the prompt | JSON |
| Page Content | Raw text, HTML snippets, or page layouts | Markdown/Text |
| Screenshots | Visual captures of the current browser state | Image/Binary |
| Execution Logs | Step-by-step trace of the TypeScript sandbox actions | Text |
| Metadata | Navigation history, HTTP status codes, and timing metrics | JSON |
Bits MCP Browser Automation Advanced Features
- Full TypeScript SDK access for implementing complex logic and conditional branching within the browser.
- Multi-window and popup support to handle sophisticated web navigation and third-party integrations.
- Integration with the Bits Web App for managing persistent, repeatable workflows and output schemas.
- Built-in support for 2FA and stored credentials to bypass common authentication hurdles.
- Live View URL support in responses to debug stuck tasks or handle manual CAPTCHA interventions.
SKILL.md
Loading
Related Openclaw Skills
AgentTunnel
AgentTunnel is a specialized messaging service designed for AI agents to communicate securely without accounts or complex API configurations.
Leadership Prompts
A specialized library of 25+ high-impact AI prompts designed for engineering managers, tech leads, and VPs to navigate complex leadership challenges.
lnget
A wget-like utility that automatically handles Lightning Network L402 authentication and micropayments for HTTP requests.
Macaroon Bakery
A specialized tool for creating and managing scoped LND macaroons to ensure AI agents operate with least-privilege security.
Agent-to-Agent Communication Protocol
A foundational communication layer enabling AI agents to interact via events and automate multi-step workflows without human intervention.
Agora
Agora is a powerful multi-agent orchestration skill that spawns a specialized council of three agents to solve complex problems through parallel reasoning and debate.
Featured*
