Description

The Browser Tools MCP server enables AI assistants to capture and analyze browser data through a Chrome extension and server infrastructure. Developed by AgentDesk AI, this implementation provides tools for retrieving console logs, monitoring network requests, capturing screenshots, selecting DOM elements, and running Lighthouse-powered audits for accessibility, performance, SEO, and best practices. The server uses WebSocket for real-time communication, implements smart resource limiting based on impact severity, and provides AI-optimized audit reports with structured data and prioritized recommendations. It's particularly valuable for debugging web applications, analyzing page performance, and identifying accessibility issues without leaving the AI assistant context.

Installation

git clone https://github.com/agentdeskai/browser-tools-mcp

Claude Desktop Configuration

Add this configuration to your Claude Desktop config file to enable this MCP server:

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json

Config file location: %APPDATA%\Claude\claude_desktop_config.json

Config file location: ~/.config/Claude/claude_desktop_config.json

claude_desktop_config.json

{
  "mcpServers": {
    "browser-tools": {
      "command": "node",
      "args": [
        "path/to/server.js"
      ]
    }
  }
}