chrome-browser-bridge
Connects AI agents directly to a real, authenticated Google Chrome browser, enabling navigation, clicking, typing, screenshots, DOM snapshots, visual grounding, and other browser automation tasks using existing cookies and sessions.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@chrome-browser-bridgeCheck my GitHub notifications and summarize what needs attention"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
⚡ Chrome Browser Bridge
The ultra-fast, token-efficient autonomous bridge connecting AI Agents (Claude Desktop, Antigravity IDE, Cursor, OpenAI Agents) directly to your real, authenticated Google Chrome browser.
⚡ Why Chrome Browser Bridge?
Traditional browser automation tools (Puppeteer, Playwright, Selenium) were designed for end-to-end testing, not LLM agents:
Feature | Headless Automation (Playwright/Puppeteer) | ⚡ Chrome Browser Bridge |
User Logins & Sessions | ❌ Empty profiles; blocked by Google/GitHub 2FA | ✅ 100% active sessions & cookies (Google, Slack, GitHub) |
Token Consumption | ❌ Dumps 30,000–80,000 raw DOM tokens | ✅ Compresses DOM into |
Execution Latency | ❌ 1,500ms – 5,000ms browser startup & round-trips | ✅ Sub-10ms native Chrome DevTools Protocol & Scripting |
Anti-Bot & CAPTCHA | ❌ Headless flags trigger Cloudflare / Turnstile | ✅ Real user browser context; zero headless fingerprint |
Human Checkpoint | ❌ Process crashes or hangs indefinitely | ✅ Melodic audio chime + live auto-resume banner |
Canvas & WebGL | ❌ Cannot click or ground on Canvas/TradingView | ✅ Visual Grounding tags |
Agent Protocols | ❌ Complex ad-hoc wrappers | ✅ Turnkey MCP Server for Claude, Antigravity, & Cursor |
Related MCP server: OpenChrome
📸 Snapshots & Live Experience
1. Terminal CLI & MCP Execution
$ npx chrome-bridge navigate "https://news.ycombinator.com"
✓ Opened dedicated window [Tab #1341700812] in 14ms
PAGE SNAPSHOT [URL: https://news.ycombinator.com]
--------------------------------------------------------------------------------
@1 [a] "Hacker News" (/news)
@2 [a] "new" (/newest)
@3 [a] "comments" (/newcomments)
@4 [a] "Show HN: Chrome Browser Bridge" (https://github.com/...)
@5 [span] "142 points by rahulbomnalli 2 hours ago"
@6 [input:text] (Search)
--------------------------------------------------------------------------------
$ npx chrome-bridge click @4
✓ Clicked element @4 -> Navigated to repository (8ms)2. Live In-Browser Agent Activity Overlay
When your AI agent triggers actions, Chrome displays a non-intrusive floating status pill:
+---------------------------------------------------------------+
| 🟣 Agent Working: Typing into search and clicking @1... |
+---------------------------------------------------------------+The overlay updates smoothly:
🟣 Agent Working(executing)✓ Done (12ms)(success flash)⚠️ Action Required(human checkpoint)
3. Human-in-the-Loop Checkpoint (2FA / CAPTCHA / App Lock)
When encountering a Cloudflare challenge, banking 2FA, or WhatsApp App Lock:
Plays a pleasant musical chime (
E5 -> B5) inside the browser.Focuses the window with a top banner: "Agent Paused: Please complete 2FA verification".
Auto-resumes instantaneously the millisecond verification passes or the user clicks "Resume".
🏗️ Architecture
+---------------------------------------------------------------+
| AI Agents (Claude Desktop / Antigravity / Cursor / CLI) |
+---------------------------------------------------------------+
|
MCP (stdio) / CLI / REST
v
+---------------------------------------------------------------+
| Local Bridge Server (Node.js on 127.0.0.1:8765) |
+---------------------------------------------------------------+
^
WebSocket (ws://127.0.0.1:8765)
v
+---------------------------------------------------------------+
| Chrome MV3 Extension (Service Worker & Content Engine) |
+---------------------------------------------------------------+
|
Chrome DevTools Protocol (CDP)
v
+---------------------------------------------------------------+
| Your Real Google Chrome Browser (All Cookies & Logins) |
+---------------------------------------------------------------+🚀 Quick Start (60 Seconds)
Step 1: Clone & Install
git clone https://github.com/rahulbomnalli/chrome-browser-bridge.git
cd chrome-browser-bridge
npm installStep 2: Load the Extension in Chrome
Open Google Chrome and navigate to
chrome://extensions/.Enable Developer mode (toggle in the top-right corner).
Click Load unpacked (top-left).
Select the
extension/folder inside the cloned repository.The extension icon appears in your toolbar with a green status indicator!
Step 3: Start the Bridge Server
On macOS / Linux:
./run.sh
# or: npm startOn Windows:
run.bat
# or: npm startThe server listens on http://127.0.0.1:8765.
🤖 Connect to AI Agents
1. Claude Desktop Setup
Add the server to your claude_desktop_config.json:
macOS:
~/Library/Application Support/Claude/claude_desktop_config.jsonWindows:
%APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"chrome-browser-bridge": {
"command": "node",
"args": ["<PATH_TO_REPO>/mcp-server.js"]
}
}
}2. Antigravity IDE Setup
Add to your mcp_config.json (~/.gemini/config/mcp_config.json or .agents/skills/):
{
"mcpServers": {
"chrome-browser-bridge": {
"command": "node",
"args": ["<PATH_TO_REPO>/mcp-server.js"]
}
}
}3. Cursor Setup
Go to Settings > Features > MCP Servers > Add New MCP Server:
Name:
chrome-browser-bridgeType:
commandCommand:
node <PATH_TO_REPO>/mcp-server.js
🛠️ CLI Reference
You can run commands directly using the CLI tool:
# Check bridge and extension connection status
node cli.js status
# List all open Chrome tabs
node cli.js tabs
# Open a URL in an isolated agent window and get semantic element tree
node cli.js navigate "https://github.com"
# Click an element by compact index, CSS selector, or visible text
node cli.js click @1
node cli.js click "#login-button"
node cli.js click "Sign In"
# Type text into an input field (--enter submits automatically)
node cli.js type @2 "search query" --enter
# Fill an entire form in under 50ms
node cli.js batch-fill '{"Email": "dev@test.com", "Password": "password123"}' "Submit"
# Visual Grounding: Injects [1], [2], [3] tags for Canvas / WebGL / TradingView
node cli.js ground
# Extract distraction-free readability content
node cli.js read
# Execute JavaScript directly in the active tab context
node cli.js eval "window.location.href"
# Take high-resolution screenshot
node cli.js screenshot "output.png"
# Execute a multi-step macro pipeline in 1 single round-trip
node cli.js pipeline '[
{"action":"type","params":{"target":"#search","text":"ai bridge"}},
{"action":"press","params":{"key":"Enter"}},
{"action":"wait","ms":300},
{"action":"click","params":{"target":"@1"}}
]'
# Run parallel scraping across multiple URLs in < 2 seconds
node cli.js scrape "https://news.ycombinator.com" "https://github.com/trending"🧰 Full MCP Toolset (24+ Native Agent Tools)
Tool Name | Parameters | Description |
|
| Opens dedicated window with shared cookies; returns compact elements |
|
| Ultra-compact semantic DOM tree (90% fewer tokens) |
|
| Click element by |
|
| Types into inputs/contentEditables; auto-submits with |
|
| Fills multiple inputs simultaneously across React/Vue/vanilla forms in < 50ms |
|
| Generates numbered visual tags ( |
|
| Runs multi-action pipelines in 1 round-trip without intermediate LLM delays |
|
| Detects Cloudflare, Turnstile, hCaptcha, Google reCAPTCHA, and 2FA screens |
|
| Melodic chime + top banner for human checkpoint; auto-resumes once resolved |
|
| Fetches and parses content across multiple URLs in parallel worker tabs |
|
| Clean readability extraction (headings, article text, metadata) |
|
| Saves repetitive workflows for zero-token replaying |
|
| Replays saved workflow at hardware speed with zero LLM tokens |
| - | Lists open tabs with IDs, titles, and URLs |
|
| Switches active Chrome tab |
|
| Captures high-res PNG screenshot |
|
| Live HTTP/HTTPS requests, status codes, and latency |
|
| Captures browser console logs and uncaught runtime errors |
|
| Executes arbitrary JavaScript inside page context |
🔒 Privacy, Security & Isolation
100% Local: All communication occurs exclusively over loopback
127.0.0.1. No external servers, no telemetry, no third-party cloud relays.Dedicated Task Window: The bridge operates in an isolated window under your profile. Your personal tabs and windows remain undisturbed.
Zero Headless Footprint: Because it runs inside your real Google Chrome, anti-bot mechanisms see authentic browser TLS fingerprints, WebGL contexts, and natural user environments.
🤝 Contributing
Contributions, feature requests, and benchmarks are welcome!
Fork the Project
Create your Feature Branch (
git checkout -b feature/FastAction)Commit your Changes (
git commit -m 'Add fast action pipeline')Push to the Branch (
git push origin feature/FastAction)Open a Pull Request
📄 License
Distributed under the MIT License. See LICENSE for more details.
Built with ⚡ for the next generation of autonomous AI agents.
This server cannot be deployed
Related MCP Connectors
AI-powered browser automation — navigate, click, fill forms, and extract data from any website.
Stealth web automation for AI agents. Login, signup, navigate, screenshot.
Stealth web automation for AI agents. Login, signup, navigate, screenshot.
AI-powered web automation. Navigate websites using AI agents for one page or a thousand
Related MCP Servers
- AlicenseBqualityFmaintenanceEnables AI agents to directly control your real Chrome browser with full context including login sessions, cookies, and open tabs. It provides tools for page scanning, JavaScript execution, CDP control, screenshots, and physical mouse/keyboard input for authentic browser automation.20245MIT
- AlicenseBqualityAmaintenanceControls a real Chrome browser for AI agents, enabling authenticated automation with parallel lanes, token-efficient page reads, and robust recovery mechanisms.122420 npm238MIT
- AlicenseAqualityCmaintenanceEnables AI agents to fully control a browser for web automation, including navigation, clicking, typing, scrolling, screenshots, and DOM inspection, with session persistence and anti-bot bypass.4019 npmMIT
- AlicenseBqualityAmaintenanceEnables AI agents and developers to automate real Chrome/Chromium browsers through the Chrome DevTools Protocol, with token-efficient snapshots, multi-action batching, shadow DOM traversal, system-page control, extension management, and network/WebSocket inspection.691MIT