Browser Tools MCP
This application is a powerful browser monitoring and interaction tool that enables AI-powered applications via Anthropic's Model Context Protocol (MCP) to capture and analyze browser data through a Chrome extension.
What is Browser Tools MCP?
Browser Tools MCP is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to this application is a powerful browser monitoring and interaction tool that enables ai-powered applications via anthropic's model context protocol (mcp) to capture and analyze browser data through a c...
This application is a powerful browser monitoring and interaction tool that enables AI-powered applications via Anthropic's Model Context Protocol (MCP) to capture and analyze browser data through a Chrome extension.
This server falls under the Browser Automation category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- getConsoleLogs
- getConsoleErrors
- getNetworkErrors
- getNetworkLogs
- takeScreenshot
Use Cases
Maintainer
Works with
Installation
NPM
npx -y browser-toolsManual Installation
npx -y browser-toolsConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Browser Tools MCP
Browser Tools MCP enables AI assistants to monitor and interact with live browser state through a Chrome extension and a local middleware server. It exposes tools to capture screenshots, read console logs, inspect network traffic, audit accessibility and performance, and run SEO checks — all from within an MCP-compatible AI client like Claude Desktop or Cursor. Developers use it to debug web applications, run automated audits, and give AI agents real-time visibility into what is happening in the browser. Note: the project is no longer actively maintained and the authors recommend evaluating alternative solutions.
Prerequisites
- Node.js 18+ installed on your machine
- Google Chrome browser
- The BrowserTools Chrome extension (v1.2.0, downloaded from the GitHub releases page)
- An MCP-compatible client such as Claude Desktop or Cursor
Download and install the Chrome extension
Download the BrowserTools extension zip from the GitHub releases page, unzip it, then load it as an unpacked extension in Chrome via chrome://extensions with Developer Mode enabled.
# Download from:
https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zipStart the middleware server in a separate terminal
The middleware server bridges the Chrome extension and the MCP server. Run it with npx and keep it running throughout your session.
npx @agentdeskai/browser-tools-server@latestConfigure your MCP client to use the browser-tools MCP server
Add the browser-tools MCP server to your Claude Desktop or Cursor configuration file so the AI can call browser tools.
Restart your MCP client
After saving the configuration, restart Claude Desktop or Cursor so it picks up the new MCP server entry.
Open a webpage in Chrome and start the DevTools panel
Navigate to the target page in Chrome, open DevTools (F12), and switch to the BrowserToolsMCP panel to confirm the extension is connected to the middleware.
Browser Tools MCP Examples
Client configuration
Claude Desktop config for the browser-tools MCP server. The middleware server must also be running separately.
{
"mcpServers": {
"browser-tools": {
"command": "npx",
"args": ["-y", "@agentdeskai/browser-tools-mcp@latest"]
}
}
}Prompts to try
Example prompts you can send to an AI assistant once browser-tools MCP is connected and the extension is active.
- "Take a screenshot of the current page"
- "Are there any JavaScript errors in the console?"
- "What network requests failed on this page?"
- "Run an accessibility audit and list WCAG violations"
- "Why is this page loading so slowly? Run a performance audit."
- "Enter debugger mode and help me find the bug"Troubleshooting Browser Tools MCP
MCP tools return errors or no data even though Chrome is open
Ensure the middleware server (`npx @agentdeskai/browser-tools-server@latest`) is running in a separate terminal. The MCP server communicates with Chrome only through this middleware process.
Chrome extension is not showing in DevTools panels
Confirm the extension is loaded as an unpacked extension at chrome://extensions with Developer Mode on. Close and reopen DevTools after installing the extension.
Screenshot tool returns an empty image
Check the screenshot folder path in the BrowserToolsMCP panel settings. Ensure the Claude Desktop process has write permission to the configured folder.
Frequently Asked Questions about Browser Tools MCP
What is Browser Tools MCP?
Browser Tools MCP is a Model Context Protocol (MCP) server that this application is a powerful browser monitoring and interaction tool that enables ai-powered applications via anthropic's model context protocol (mcp) to capture and analyze browser data through a chrome extension. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Browser Tools MCP?
Install via npm with the command: npx -y browser-tools. Then add the server configuration to your AI client's JSON config file (e.g., claude_desktop_config.json or .cursor/mcp.json).
Which AI clients work with Browser Tools MCP?
Browser Tools MCP works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Browser Tools MCP free to use?
Yes, Browser Tools MCP is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.
Browser Tools MCP Alternatives — Similar Browser Automation Servers
Looking for alternatives to Browser Tools MCP? Here are other popular browser automation servers you can use with Claude, Cursor, and VS Code.
Chrome DevTools MCP
★ 40.6kAI-powered Chrome automation server with natural language element detection. Control Chrome browser through MCP protocol for testing, debugging, and performance analysis. Features 91% accuracy in element location, works with free AI models, and suppo
UI TARS Desktop
★ 34.9k📇 🏠 - Browser automation capabilities using Puppeteer, both support local and remote browser connection.
Playwright
★ 32.8kA production-ready browser automation server that enables AI assistants to interact with web pages using tools for navigation, element interaction, and data extraction. It features a built-in Inspector UI and robust crash recovery for reliable automa
Page Agent
★ 18.0kJavaScript in-page GUI agent. Control web interfaces with natural language.
Chrome
★ 11.7kAn extension-based MCP server that enables AI assistants to control your browser, leveraging existing sessions and login states for automation and content analysis. It provides over 20 tools for semantic tab search, interactive element manipulation,
LAMDA
★ 7.8kThe most powerful Android RPA agent framework, next generation mobile automation.
Browse More Browser Automation MCP Servers
Explore all browser automation servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Browser Tools MCP in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Browser Tools MCP?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.