Guides

Chrome DevTools MCP vs Darnly

Chrome DevTools MCP lets your AI coding agent open and control its own Chrome to look for problems, while Darnly lets you point at a bug you already saw in your own browser and hands the agent that exact moment, so DevTools MCP is better for the agent checking its own work and Darnly is better for reporting what you found.

Updated

People often ask if they need a bug capture tool when their agent can already use a browser. Fair question. The two solve different halves of the same problem: finding the bug and showing it, versus reproducing it and checking the fix. Facts about Chrome DevTools MCP below come from its README, checked on 2 November 2026.

What each one is

Chrome DevTools MCP is an MCP server that gives a coding agent access to a live Chrome browser. Its README calls it "Chrome DevTools for coding agents". It can take screenshots, read console messages with source-mapped stack traces, analyze network requests, record performance traces, and automate actions with Puppeteer. It's open source (Apache-2.0), runs with Node.js via npx chrome-devtools-mcp@latest, and by default starts its own browser when the agent needs one.

Darnly is a free Chrome extension and Mac app. You press one key, click the broken part, and say what you expected. It saves a report with a screenshot (the broken part boxed in red), the element, the page address and recent console errors and failed requests, into .darnly/inbox/ in your project for Claude Code, Codex or Cursor.

Side by side

DarnlyChrome DevTools MCP
Who drives the browserYou, in your normal ChromeThe agent, in a browser it starts (or one you connect it to)
Good atShowing exactly what you saw, with your note on what you expectedReproducing a bug, checking a fix, performance traces
Your login and app stateAlready there, it's your browserThe agent's browser starts fresh unless you connect it to a running Chrome
SetupInstall the extension, link your project folder onceAdd the server to your MCP client config. Needs Node.js and Chrome
DataStays on your computer unless you turn on the cloud inbox. Secrets hidden before savingExposes the browser's content to your MCP client. Usage statistics on by default, can be turned off
Beyond the browserMac app for Mac apps, iOS Simulator and Android EmulatorChrome. Other Chromium browsers "may work"
PriceFreeFree, open source

When Chrome DevTools MCP is the better pick

When Darnly is the better pick

Using both

A good loop for testing an app before launch: you click around and capture bugs with Darnly as you find them. Then the agent fixes them from the inbox and, with Chrome DevTools MCP, opens the pages to check its own fixes. You look last.

One honest note from our own testing: our benchmark didn't let the agent open a browser, so we haven't measured how an agent with DevTools MCP compares on the same bugs. We'd expect it to do well on bugs that are easy to reproduce from a sentence.

Want to try the Darnly half? Add it to Chrome, it's free.

Questions

What is Chrome DevTools MCP?

An open source MCP server from the Chrome DevTools team that lets a coding agent control and inspect a live Chrome browser: take screenshots, read console messages, look at network requests, record performance traces and automate clicks.

Is Chrome DevTools MCP free?

Yes. It's open source under the Apache-2.0 license. You run it with Node.js through npx.

Do I need both?

No, but they work well together. Darnly is for showing the agent a bug you saw. DevTools MCP is for letting the agent open the page and check its fix itself.

Does Chrome DevTools MCP collect data?

Its README says usage statistics are collected by default and can be turned off with --no-usage-statistics, and that performance tools may send trace URLs to Google's CrUX API unless you pass --no-performance-crux.

Does Darnly need Node.js or any setup in my agent?

No. For a project on your computer, Darnly writes plain files plus an AGENTS.md note and a skill. The MCP connector is only for the optional cloud inbox.

Sources

Checked on 2 November 2026. Products change, so check their pages before you decide.