Doramagic.ai

Tool Connections & Integrations · Preview

chrome-devtools-mcp

Chrome DevTools for coding agents

Preview status · 2026-05-16

What is chrome-devtools-mcp?

01

Quick decision

Use this section to decide whether the project is worth a deeper read.
Best forUsers who want source-backed project understanding before installing it.

Match the project to your task before installing it.

Capabilitymcp_config, recipe, host_instruction, eval, preflight

Chrome DevTools for coding agents

RepositoryChromeDevTools/chrome-devtools-mcp

39k stars · 2.5k forks

02

What it can do

Translate the upstream project into concrete capabilities the user can judge before installing.
1

Project Overview

Related topics: Installation and Setup, System Architecture, Configuration Reference

Sources: [AGENTS.md](https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/AGENTS.md)
2

Installation and Setup

Related topics: Project Overview, Configuration Reference

Sources: [skills/chrome-devtools-cli/references/installation.md:1-5]()
3

Configuration Reference

Related topics: Installation and Setup, CLI Reference, MCP Protocol Integration

Sources: [src/bin/chrome-devtools-mcp-cli-options.ts](src/bin/chrome-devtools-mcp-cli-options.ts)
4

System Architecture

Related topics: Project Overview, MCP Protocol Integration, Telemetry and Monitoring

Sources: [AGENTS.md]()
5

MCP Protocol Integration

Related topics: System Architecture, Input and Navigation Automation Tools, Debugging and Inspection Tools

Sources: [src/index.ts:1-50](https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/src/index.ts)

Sources: https://github.com/ChromeDevTools/chrome-devtools-mcp, Human Manual, Project Pack evidence, and downstream validation signals.

03

Community Discussion Evidence

Project-level external discussion stays visible on the detail page, not only inside the manual.
Stars39k stars
Forks2.5k forks
Contributors85 contributors
Licenseunknown

Community Discussion Evidence

12 source-linked items

Review these external discussions before using chrome-devtools-mcp with real data or production workflows. They are review inputs, not standalone proof that the project is production-ready.

04

How to start

Only source-backed commands are shown here. Verify them in an isolated environment first.
1

Try the prompt first

Test the workflow without installing the upstream project.

preview
2

Read the Human Manual

Understand inputs, outputs, limits, and failure modes.

manual
3

Take context to your AI host

Use the compiled assets in your preferred AI environment.

context
4

Run sandbox verification

Confirm install commands and rollback before using a primary environment.

verify
npx chrome-devtools-mcp@latest

Official start command · https://github.com/ChromeDevTools/chrome-devtools-mcp#readme · verified: yes

05

Human Manual

The English page must expose the real manual, not a short placeholder.

8+ sections · Human Manual

chrome-devtools-mcp Manual

Related topics: Installation and Setup, System Architecture, Configuration Reference

Open the full manual
  1. chrome-devtools-mcp Human Manual
  2. Table of Contents
  3. Project Overview
  4. Related Pages
  5. Introduction
  6. Core Purpose and Scope
  7. Architecture Overview
  8. Component Layers
1

Project Overview

Related topics: Installation and Setup, System Architecture, Configuration Reference

Sources: [AGENTS.md](https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/AGENTS.md)
2

Installation and Setup

Related topics: Project Overview, Configuration Reference

Sources: [skills/chrome-devtools-cli/references/installation.md:1-5]()
3

Configuration Reference

Related topics: Installation and Setup, CLI Reference, MCP Protocol Integration

Sources: [src/bin/chrome-devtools-mcp-cli-options.ts](src/bin/chrome-devtools-mcp-cli-options.ts)
4

System Architecture

Related topics: Project Overview, MCP Protocol Integration, Telemetry and Monitoring

Sources: [AGENTS.md]()
5

MCP Protocol Integration

Related topics: System Architecture, Input and Navigation Automation Tools, Debugging and Inspection Tools

Sources: [src/index.ts:1-50](https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/src/index.ts)

06

AI Context Pack and portable assets

After deciding to continue, take the project context into your own AI host.

Complete pack plus user-owned assets

These files are planning and verification assets for Claude Code, Codex, Gemini, Cursor, ChatGPT, and other AI hosts.

07

Preflight checks

Treat this preview as a planning asset, not proof that your local environment is ready.

08

Pitfall Log and verification risks

Doramagic surfaces high-risk items before users treat a candidate capability as verified.
high

Review upstream issue

The source signal needs review before production use.

medium

Review upstream issue

The source signal needs review before production use.

medium

Review upstream issue

The source signal needs review before production use.

medium

Review upstream issue

The source signal needs review before production use.

medium

Review upstream issue

The source signal needs review before production use.

medium

Review upstream issue

The source signal needs review before production use.

medium

Review upstream issue

README/documentation is current enough for a first validation pass.

medium

Review upstream issue

The source signal needs review before production use.