Codingbaby Browser Mcp
@buyitsydney
About Codingbaby Browser Mcp
CodingBaby-Browser-MCP is a Model Context Protocol (MCP) tool server designed to communicate with Chrome browser extensions via WebSocket for browser automation control. The server provides multiple functionalities including web navigation, click operations, text input, key simul
Config
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"CodingBaby-Browser-MCP": {
"command": "npx",
"args": [
"@sydneyassistent/codingbaby-browser-mcp"
]
}
}
}Tools
14Navigate to a URL
Perform click on a web page
Type text into focused element
Press a key or key combination on the keyboard
Close the browser
Scroll the page in a specified direction
Set the viewport configuration of the browser
Take a screenshot of a specific area of the current page
Wait for a specified number of seconds, with a screenshot of the current page state after waiting
List browser tabs
Open a new tab
Select a tab by index
Close a tab
Execute a batch of browser operations in sequence. This powerful tool allows combining multiple actions (click, type, press_key, etc.) into a single command, reducing round-trip time. Ideal for form filling, search operations, and simple navigation sequences.
Overview
What is Codingbaby Browser Mcp?
Codingbaby Browser Mcp is a Model Context Protocol (MCP) tool server that bridges an AI assistant with the Chrome browser via a WebSocket connection to a companion Chrome extension. It enables browser automation control such as navigation, clicking, typing, scrolling, and screenshot capture, using a real Chrome session.
How to use Codingbaby Browser Mcp?
Ensure Node.js 16+, Chrome, and the companion Chrome extension are installed. Install the server from source (npm install then node chrome-server.js) or via npm (npx @sydneyassistent/codingbaby-browser-mcp). The server starts a WebSocket service on port 9876 and communicates with MCP clients via stdio. Register the server in your MCP environment (e.g., .cursor/mcp.json) and restart the environment.
Key features of Codingbaby Browser Mcp
- Web navigation, clicking, and text input
- Keyboard simulation and page scrolling
- Screenshot capture (full page or area)
- HTML content saving to temporary files
- Viewport size adjustment and waiting
- Real browser session with anti-bot evasion
- Session persistence for authenticated pages
Use cases of Codingbaby Browser Mcp
- AI assistant performing web research and data collection
- Automated form filling and interaction on live websites
- Taking screenshots for monitoring or debugging
- Navigating authenticated sessions without re-login
- Replacing Puppeteer/Playwright with a real Chrome instance
FAQ from Codingbaby Browser Mcp
What companion Chrome extension is required?
The server requires a companion Chrome extension that performs actual browser operations. The extension must be installed and enabled in Chrome.
How does the server communicate with the browser?
The server starts a WebSocket server on port 9876. The Chrome extension connects to this WebSocket, and commands are exchanged as JSON messages with unique request IDs for asynchronous responses.
What are the prerequisites for running the server?
Node.js version 16 or later, a Chrome browser, and the companion Chrome extension installed and enabled.
How is Codingbaby Browser Mcp installed?
You can run from source: npm install then node chrome-server.js, or install the published npm package: npm install @sydneyassistent/codingbaby-browser-mcp (or globally with -g), then run via npx.
What advantages does it have over Puppeteer or Playwright?
It runs as a Chrome extension with higher browser privileges, uses a real user session for anti-bot evasion, mimics real user behavior, maintains login states, and requires only the extension rather than separate browser instances or WebDrivers.
Frequently asked questions
What companion Chrome extension is required?
The server requires a companion Chrome extension that performs actual browser operations. The extension must be installed and enabled in Chrome.
How does the server communicate with the browser?
The server starts a WebSocket server on port 9876. The Chrome extension connects to this WebSocket, and commands are exchanged as JSON messages with unique request IDs for asynchronous responses.
What are the prerequisites for running the server?
Node.js version 16 or later, a Chrome browser, and the companion Chrome extension installed and enabled.
How is Codingbaby Browser Mcp installed?
You can run from source: `npm install` then `node chrome-server.js`, or install the published npm package: `npm install @sydneyassistent/codingbaby-browser-mcp` (or globally with `-g`), then run via `npx`.
What advantages does it have over Puppeteer or Playwright?
It runs as a Chrome extension with higher browser privileges, uses a real user session for anti-bot evasion, mimics real user behavior, maintains login states, and requires only the extension rather than separate browser instances or WebDrivers.
Basic information
More Browser Automation MCP servers
Playwright MCP Server 🎭
executeautomationPlaywright Model Context Protocol Server - Tool to automate Browsers and APIs in Claude Desktop, Cline, Cursor IDE and More 🔌
Apify Model Context Protocol (MCP) Server
apifyThe Apify MCP server enables your AI agents to extract data from social media, search engines, maps, e-commerce sites, or any other website using thousands of ready-made scrapers, crawlers, and automation tools available on the Apify Store.
Firecrawl Mcp Server
mendableai🔥 Official Firecrawl MCP Server - Adds powerful web scraping and search to Cursor, Claude and any other LLM clients.
Fetch
modelcontextprotocolModel Context Protocol Servers
App Store Scraper MCP Server
appreply-coThis is an MCP server that provides tools to LLMs for searching and analyzing apps from both Google Play Store and Apple App Store – perfect for ASO.
Comments