chrome-devtools-mcp vs filesystem

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

	chrome-devtools-mcp by benjaminr	filesystem by modelcontextprotocol
Stars	★ 297	★ 85,748
30d uses	—	—
Score	48	77
Official	—	✓
Categories	Developer ToolsBrowser AutomationMonitoring	File SystemDeveloper ToolsProductivity
Language	Python	TypeScript
Last commit	7 mo ago	this month

chrome-devtools-mcp · Summary

Chrome DevTools MCP server enables web debugging through Claude by connecting to Chrome's debugging capabilities.

filesystem · Summary

A feature-rich MCP server for filesystem operations with dynamic directory access control.

chrome-devtools-mcp · Use cases

Debug API calls in web applications by monitoring network requests and responses
Inspect JavaScript objects and console errors to diagnose frontend issues
Analyze performance metrics and identify loading bottlenecks in web applications

filesystem · Use cases

Enable AI models to read and write project files during development
Allow Claude or other MCP clients to browse and analyze codebases
Provide secure sandboxed access to specific directories for content generation

chrome-devtools-mcp · Install

Installation Options

Claude Desktop Extension (Easiest)

Download the latest .dxt file from [Releases](https://github.com/benjaminr/chrome-devtools-mcp/releases)
Open Claude Desktop
Go to Extensions and install the downloaded .dxt file

Manual Claude Desktop Setup

Add to your Claude Desktop config file:

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "python",
      "args": ["/absolute/path/to/chrome-devtools-mcp/server.py"],
      "env": {
        "CHROME_DEBUG_PORT": "9222"
      }
    }
  }
}

MCP CLI

mcp install server.py -n "Chrome DevTools MCP" --with-editable .

Claude Code

uv sync
SERVER_PATH="$(pwd)/server.py"
PYTHON_PATH="$(pwd)/.venv/bin/python"
claude mcp add chrome-devtools "$PYTHON_PATH" "$SERVER_PATH" -e CHROME_DEBUG_PORT=9222

filesystem · Install

Installation

Using NPX

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/allowed/directory"
      ]
    }
  }
}

Using Docker

{
  "mcpServers": {
    "filesystem": {
      "command": "docker",
      "args": [
        "run",
        "-i",
        "--rm",
        "--mount", "type=bind,src=/path/to/allowed/dir,dst=/projects/allowed/dir",
        "mcp/filesystem",
        "/projects"
      ]
    }
  }
}

VS Code Extension

Click the installation buttons in the README to install directly in VS Code.

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