Skip to content
UtilityHub Logo
UtilityHub
Search
Coding Apache-2.0 ● Score: 81/100 Agent Skill Harness (Stdio)

Chrome Devtools Mcp

Chrome DevTools for coding agents.

Category: Coding
Runtime: Python 3.10+
License: Apache-2.0

At a Glance Technical Specifications

Protocol MCP / Stdio
Runtime Python 3.10+
Client Support Claude / Cursor
Execution Local Subprocess
License Apache-2.0
Popularity 81/100
Security Allowlist Scoped
Status Verified Clean
Visual setup and architecture guide for Chrome Devtools Mcp

01 // How It Works & Runtime Architecture

By leveraging Python SDK / OpenAI API, the application isolates runtime dependencies while maintaining low-latency execution traces across multi-step LLM operations.

Deterministic Execution Pipeline Local Stdio Protocol
AI Client (Claude / Cursor)
→
Chrome Devtools Mcp Server
→
Scoped Local Tools
→
Sanitized Agent Memory

02 // Real-World Workflows & Use Cases

01

Deterministic AST code analysis, symbol indexing, and cross-file reference discovery

02

Autonomous test generation, test execution feedback loops, and automated patch creation

03

Safe repository refactoring and automated codebase modernization without context leakage

03 // Prerequisites & Compatibility

✓
Runtime Environment
Python 3.10+ installed and available in system PATH
✓
Compatible Client
Claude Desktop, Cursor, Windsurf, Claude Code CLI, or OpenCode
✓
Directory Permissions
Explicit filesystem read/write access to designated directories
✓
License Compliance
Verified permissive Apache-2.0 open-source license

04 // Client Configuration (claude_desktop_config.json) 

{
  "mcpServers": {
    "chrome-devtools-mcp": {
      "command": "python",
      "args": [
        "-m",
        "chrome_devtools_mcp"
      ]
    }
  }
}

Paste into your client configuration file (e.g. ~/Library/Application Support/Claude/claude_desktop_config.json on macOS or %APPDATA%/Claude/claude_desktop_config.json on Windows).

05 // Step-by-Step Installation

Verified Process
  1. 1

    Clone ChromeDevTools/chrome-devtools-mcp from GitHub

  2. 2

    Install dependencies with pip install -r requirements.txt (or uv sync)

  3. 3

    Copy .env.example to .env and add your API keys

  4. 4

    Run the skill server and connect your AI client via stdio or HTTP

06 // Execution Boundaries & Security Safeguards

● Context Protection

Keeps heavy parsing and raw file structures external to the LLM. Only sanitized excerpts and structured returns are injected into agent memory turns.

● Directory Allowlisting

Enforce explicit directory allowlists and permission scopes in client configuration to ensure autonomous tool calls never breach system boundaries.

● Process Isolation

Executes in an isolated local child process communicating strictly over JSON-RPC via stdio with explicit process timeouts.

07 // Frequently Asked Questions

FAQ Schema Included

What is Chrome Devtools Mcp and how does it empower AI agents?

Chrome Devtools Mcp is an open-source coding capability designed for AI clients and autonomous agents. Chrome DevTools for coding agents.

How do I install and configure Chrome Devtools Mcp?

Follow the step-by-step installation: 1) Verify your runtime (Python 3.10+), 2) Add the configuration snippet into your AI client settings (e.g. claude_desktop_config.json), 3) Restart the client to initialize tool execution.

Which AI clients and developer harnesses support Chrome Devtools Mcp?

Chrome Devtools Mcp is compatible with all AI tools supporting tool-calling and the Model Context Protocol (MCP), including Claude Desktop, Cursor, Claude Code CLI, Windsurf, OpenCode, and custom agent runtimes.

What security boundaries and sandboxing safeguards does Chrome Devtools Mcp enforce?

Chrome Devtools Mcp executes locally with strict directory allowlists and permission scopes. Heavy parsing and raw file structures stay external to the LLM context window to prevent memory saturation and unauthorized access.

Is Chrome Devtools Mcp free and open source?

Yes, Chrome Devtools Mcp is published under the Apache-2.0 open-source license. You can inspect the source code and contribute on GitHub at https://github.com/ChromeDevTools/chrome-devtools-mcp.

Inspect Upstream Repository

Explore open-source implementation code, license, and community releases.

GitHub Repository ← All Skills

Related Coding Capabilities View all →

ECC

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

Coding MIT
92

Ponytail

Makes your AI agent think like the laziest senior dev in the room. a featured code is the code you never wrote.

Coding MIT
89

Gemini Cli

An open-source AI agent that brings the power of Gemini directly into your terminal.

Coding Apache-2.0
86

AI Architecture Blueprints Using Similar Stacks Explore 360+ Blueprints →

Advanced AI Agents

Multimodal AI Coding Agent Team with o3-mini and Gemini

An AI Powered Streamlit application that serves as your personal coding assistant, powered by multiple Agents built on the new o3-mini model. You can also upload an image of a coding problem or describe it in text, and the AI agent will...

MCP AI Agents

Always-on Hacker News Briefing Agent

AgentScout is an always-on Hacker News briefing agent built with Google ADK. It scans Hacker News for high-signal stories about AI agents, MCP, coding agents, workflow automation, and LLM apps, then turns a featured links into a concise...

LLM Optimization & Evaluation

Career Ops

Open-source AI job search: scan job portals, evaluate listings into a structured A-H report with a global 1-5 score, tailor your CV, track applications — runs locally in your AI coding CLI (Claude Code, Codex, OpenCode, Antigravity…).