browser-connect-mcp

perception30/browser-connect-mcp

3.3

If you are the rightful owner of browser-connect-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

Browser Connect MCP is a Model Context Protocol server that facilitates AI-assisted full-stack debugging by connecting AI assistants to browser DevTools and backend debuggers.

Browser Connect MCP is a powerful tool designed to enhance the debugging capabilities of AI assistants by integrating them with browser DevTools and backend debugging tools. This server allows AI assistants to perform comprehensive full-stack debugging, making it easier to identify and resolve issues in both frontend and backend environments. With features like automatic Chrome launching, real-time log streaming, and AI-powered analysis, Browser Connect MCP provides a seamless debugging experience. It supports a wide range of MCP-compatible tools, ensuring flexibility and adaptability across different development environments. Whether you're dealing with performance bottlenecks, security vulnerabilities, or complex error correlations, Browser Connect MCP offers intelligent insights and recommendations to streamline the debugging process.

Features

  • Automatic Chrome Launch: Enables AI assistants to launch Chrome with debugging enabled, facilitating seamless frontend debugging.
  • Real-Time Log Streaming: Provides real-time streaming and analysis of backend logs, enhancing backend debugging capabilities.
  • AI-Powered Analysis: Offers intelligent error correlation and root cause analysis across the full stack, improving debugging efficiency.
  • Network Monitoring: Monitors network requests and API calls, helping identify performance issues and failed requests.
  • Security Scanning: Automatically scans for security vulnerabilities, ensuring robust application security.

Usages

usage with claude desktop

{
  "mcpServers": {
    "browser-connect": {
      "command": "npx",
      "args": ["-y", "browser-connect-mcp"],
      "env": {
        "LOG_LEVEL": "info"
      }
    }
  }
}

usage with claude code

{
  "mcpServers": {
    "browser-connect": {
      "command": "npx",
      "args": ["-y", "browser-connect-mcp@0.4.1"]
    }
  }
}

usage with global installation

{
  "mcpServers": {
    "browser-connect": {
      "command": "browser-connect-mcp",
      "env": {
        "LOG_LEVEL": "info"
      }
    }
  }
}

Tools

  1. Claude Desktop

    Anthropic's official desktop app for AI-assisted debugging.

  2. Claude Code

    Anthropic's CLI tool for developers, supporting MCP.

  3. Cursor

    AI-powered code editor with MCP support.

  4. Cline

    Command-line AI assistant compatible with MCP.

  5. Roo-Cline

    Enhanced version of Cline with additional features.