CodingBaby-Browser-MCP logo

CodingBaby-Browser-MCP

by buyitsydney

CodingBaby-Browser-MCP is a tool that enables AI assistants like Claude 3.7 Sonnet in Cursor to control the Chrome browser for automated tasks. It bridges the gap between AI and web browser interaction through a WebSocket-based communication protocol.

View on GitHub

Last updated: N/A

What is CodingBaby-Browser-MCP?

CodingBaby-Browser-MCP is a tool that allows AI assistants in Cursor to control the Chrome browser for automated tasks. It consists of a Node.js server implementing the Model Context Protocol (MCP) and a Chrome extension that receives commands from the server.

How to use CodingBaby-Browser-MCP?

To use CodingBaby-Browser-MCP, you need to install the MCP tool server by configuring it in Cursor's settings and install the CodingBaby Extension from the Chrome Web Store. Once installed, you can ask Claude 3.7 in Cursor to control your browser using available commands.

Key features of CodingBaby-Browser-MCP

  • Browser Automation

  • Screenshot Capture

  • Multi-tab Support

  • Form Interaction

  • Batch Commands

  • Viewport Control

Use cases of CodingBaby-Browser-MCP

  • Automated web testing

  • Data scraping

  • Form filling

  • Web application automation

FAQ from CodingBaby-Browser-MCP

What is the default port used by MCP Tool Server?

The default port used is 9876.

What are the prerequisites for installing CodingBaby-Browser-MCP?

You need Node.js (v14 or higher), Chrome browser, and Cursor editor with Claude 3.7 Sonnet.

How do I debug the Chrome extension?

Enable Developer mode in Chrome, load the unpacked extension from the chrome-extension directory, and inspect the console logs.

How do I debug the MCP server in Cursor?

Configure a new MCP server in Cursor's settings, pointing to the local index.js file, and check the Cursor MCP logs.

What should I do if I encounter a port conflict?

The tool will attempt to release the port automatically. If issues persist, ensure no other applications are using port 9876.