chrome-devtools-mcp vs next-devtools-mcp

Side-by-side comparison to help you pick between these two MCP servers.

	chrome-devtools-mcp by ChromeDevTools	next-devtools-mcp by vercel
Stars	★ 39,757	★ 747
30d uses	—	—
Score	65	54
Official	—	—
Categories	Browser AutomationDeveloper ToolsWeb Scraping	Developer ToolsBrowser AutomationAI / LLM Tools
Language	TypeScript	TypeScript
Last commit	this month	2 mo ago

chrome-devtools-mcp · Summary

Chrome DevTools MCP server lets AI coding agents control and inspect live Chrome browsers through the MCP protocol.

next-devtools-mcp · Summary

Next.js DevTools MCP server providing development tools and utilities for Next.js applications.

chrome-devtools-mcp · Use cases

Automated web testing and validation by AI agents
Performance analysis and optimization of web applications
Debugging web applications through AI-powered inspection

next-devtools-mcp · Use cases

Diagnose runtime errors and issues in Next.js applications
Automate browser testing of Next.js applications using Playwright
Search and retrieve official Next.js documentation and guides
Upgrade and migrate Next.js applications to newer versions

chrome-devtools-mcp · Install

Installation

Add the following config to your MCP client:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest"]
    }
  }
}

For basic browser tasks in headless mode:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-mcp@latest", "--slim", "--headless"]
    }
  }
}

next-devtools-mcp · Install

Installation

Using add-mcp CLI:

npx add-mcp next-devtools-mcp@latest

Manual installation:

{
  "mcpServers": {
    "next-devtools": {
      "command": "npx",
      "args": ["-y", "next-devtools-mcp@latest"]
    }
  }
}

Comparison generated from public README + GitHub signals. Last updated automatically.