Skip to content
Browser Tools logo

Browser Tools

Verified

Browser monitoring and Lighthouse audits via Chrome extension for MCP IDEs.

MCP ServerSearch & WebLocal (stdio) 7.2k
View on GitHub
Updated 2026-06-15

What is the Browser Tools MCP server?

The server acts as middleware between an MCP client and a local Node.js browser-tools-server that communicates with the BrowserTools Chrome extension. It enables agents to run accessibility, performance, SEO, and Next.js-specific checks without leaving the IDE.

Installation requires the extension, the MCP server package, and a separate browser-tools-server process. The project notes it is inactive and recommends alternative solutions.

Install & connect

Add this to your MCP client config. Pick your client below and copy.

{
  "mcpServers": {
    "browser-tools-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@agentdeskai/browser-tools-mcp"
      ]
    }
  }
}

Package: @agentdeskai/browser-tools-mcp (npm)

Other ways to install

npx

npx
npx -y @agentdeskai/browser-tools-mcp

Example prompts

Once connected, try asking your AI client:

Run the full Audit Mode on the current page and summarize the results
Execute Debugger Mode and suggest fixes for any issues found
Perform a Lighthouse accessibility audit and list WCAG violations
Check this page for Next.js SEO problems using the provided prompt

Security & permissions

Requires local stdio transport, a running browser-tools-server on localhost, and the BrowserTools Chrome extension; no remote API keys are used.

What you can do with Browser Tools

Run page audits in Cursor

Trigger Lighthouse accessibility, performance, and SEO audits on the active browser tab directly from an MCP-compatible IDE.

Debug console and network issues

Capture and analyze browser logs and network requests while coding without switching windows.

Next.js SEO review

Execute a specialized Next.js audit prompt to surface SEO issues on the current page.

How to use Browser Tools

  1. 1Install the BrowserTools Chrome extension from the v1.2.0 release zip.
  2. 2Add `npx @agentdeskai/browser-tools-mcp@latest` to your IDE's MCP config.
  3. 3Run `npx @agentdeskai/browser-tools-server@latest` in a separate terminal.
  4. 4Open Chrome DevTools and select the BrowserToolsMCP panel.
  5. 5Ensure only one DevTools panel instance is open and restart Chrome if needed.

Browser Tools: pros & cons

Pros

  • +Integrates Lighthouse audits directly into MCP clients
  • +Supports auto-paste of screenshots into Cursor
  • +Includes combined Audit and Debugger workflow modes

Cons

  • Project is marked inactive with no further updates
  • Requires three separate components and careful setup
  • Windows connectivity fixes were added but stability can vary
Did you find this helpful?

Frequently asked questions

No, the README states the project is no longer active and users should seek alternatives.

User reviews

Verified reviews from the community shape this listing's rating.

Loading reviews…

Sign in to review

Promote Browser Tools

Add this badge to your website, or share the tool.

DFeatured on DhanasviBrowser Tools 1