Hoang Ngoc Quang Anh Computer, Windows & software tips
VI

Chrome DevTools MCP

Hoang Ngoc Quang Anh Updated 0 views
Chrome DevTools MCP
Share:FacebookTelegramZalo
⚡ Quick install — copy & paste
Option 1 — Claude Code (recommended)
Step 1 — paste into the chat, press Enter
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
Step 2 — paste into the chat, press Enter
/plugin install chrome-devtools-mcp@chrome-devtools-plugins
For beginners: open Claude Code → paste the line above into the chat box (not the Terminal) → press Enter. The AI can then use it.
Option 2 — for Cursor / Windsurf / Codex…
npm i chrome-devtools-mcp@latest -g
For beginners: Windows: open CMD (click Start → type cmd → Enter), do NOT use PowerShell (PowerShell blocks npx.ps1 because of ExecutionPolicy → error) · macOS/Linux: open Terminal.
🗑️ How to uninstall (per the README)
The repo README does not say how to uninstall. Check the repo README/GitHub for the exact steps.

▶️ Usage summary

  • Install (Claude Code): /plugin marketplace add ChromeDevTools/chrome-devtools-mcp then /plugin install chrome-devtools-mcp@chrome-devtools-plugins
  • Use: "args": ["-y", "chrome-devtools-mcp@latest", "--no-usage-statistics"]
  • Add the following config to your MCP client: {
  • Enter the following prompt in your MCP Client to check if everything is working: Check the performance of https://developers.chrome.com

🇻🇳 Đọc bằng tiếng Việt

Chrome DevTools MCP — Lets AI use a real Chrome browser: open pages, inspect errors, measure performance, and click through websites to test them.

What is Chrome DevTools MCP?

Chrome DevTools MCP is a skill (a capability for AI agents such as Claude, Codex and Cursor) on GitHub (ChromeDevTools/chrome-devtools-mcp). Lets AI use a real Chrome browser: open pages, inspect errors, measure performance, and click through websites to test them.

What can Chrome DevTools MCP do?

  • AI opens real Chrome to check websites
  • View page errors and measure speed
  • Via the MCP standard

How to install Chrome DevTools MCP

See the ⚡ Quick install section at the top of the page — it has a ready-to-copy command taken from the author’s README, plus where to run it. For the full instructions, see the README at the end of the page.

Frequently asked questions about Chrome DevTools MCP

Is Chrome DevTools MCP free?

Yes. Chrome DevTools MCP is an open-source project on GitHub, so you can download and use it for free.

Is Chrome DevTools MCP hard to install?

No. You only need to run one command above.

Download & source code

The source code, README and latest updates of Chrome DevTools MCP are at github.com/ChromeDevTools/chrome-devtools-mcp. The star count and update date on this page sync automatically from GitHub.

📖 Full guide

🌐 Translate (Google):

Loading the guide…

🔗 Related repos

Matt Pocock SkillsMatt Pocock's skill set for AI coding assistants: writing clear requirements, testing, an…SuperpowersA set of skills and a disciplined way of working for AI coding assistants.andrej-karpathy-skillsA single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's o…OpenCodeAn open-source AI coding assistant that runs in your Terminal.MarkItDownA Microsoft tool that converts PDF, Word, Excel, images, web pages… into clean Markdown t…Official Anthropic SkillsAnthropic's official repository of “skills” that teach AI new tasks.
Have a question? Ask the groupFacebook group Ask Anything (in Vietnamese): free Q&A on any topic, with real answers.Join the group →
Hoang Ngoc Quang Anh

Sharing computer, Windows and software tips. If you have a question, leave a comment below.