chrome-devtools-mcp and browser-tools-mcp
About chrome-devtools-mcp
ChromeDevTools/chrome-devtools-mcp
Chrome DevTools for coding agents
Implements a Model-Context-Protocol (MCP) server that bridges AI coding agents with Chrome's DevTools Protocol, enabling performance tracing, network inspection, and automated browser actions through Puppeteer. Supports both full-featured and lightweight ("slim") modes, integrating with agents like Claude, Gemini, and Cursor for debugging, screenshot capture, and source-mapped stack trace analysis.
About browser-tools-mcp
AgentDeskAI/browser-tools-mcp
Monitor browser logs directly from Cursor and other MCP compatible IDEs.
Implements a three-tier architecture with a Chrome extension capturing browser data, a local Node.js middleware server, and an MCP server that integrates with IDEs—enabling AI agents to run Lighthouse-based audits (accessibility, performance, SEO, best practices) and analyze pages headlessly without manual intervention. Uses Puppeteer for automated page evaluation and stdio transport with auto-reconnection between components, allowing agents like Cursor to diagnose and improve web applications directly within the IDE.
Related comparisons
Scores updated daily from GitHub, PyPI, and npm data. How scores work