chrome-devtools-mcp vs open-design

The two are close in size: 51.0k stars for chrome-devtools-mcp, 94.2k for open-design. Over the days we have tracked them chrome-devtools-mcp moved +8.4% and open-design +19.3%, so open-design is growing faster right now.

open-design leads on context depth and customization. chrome-devtools-mcp does not take any axis by a clear margin.

Stars and commit dates come from our own daily tracking. The six axes are read off each project's documentation by our review pipeline, so they describe what a project says about itself, not what we measured in its code.

Where they stand today

Exposes the full Chrome DevTools over MCP so agents can control and inspect a live Chrome instance for automation, deep debugging, and performance analysis.

Stars
51.0k
Tracked growth
+8.4%
Maturity
Last commit
14h ago
Language
TypeScript
License
Apache-2.0
Cost to run
Free, runs locally

An open-source, local-first desktop alternative to closed design agents that turns local coding agents and a project's DESIGN.md into composable skills, plugins, and exportable real artifacts (HTML/PDF/PPTX/MP4).

Stars
94.2k
Tracked growth
+19.3%
Maturity
Last commit
2h ago
Language
TypeScript
License
Apache-2.0
Cost to run
Your API key or Open Design Cloud (paid)
0%+19%52 tracked days
ChromeDevTools/chrome-devtools-mcpnexu-io/open-design

Six axes, head to head

Each axis runs 0 to 5. The label under a score is what that project's own docs claim, not a category average.

Axischrome-devtools-mcpopen-design
Context depth
How much of your codebase it sees before it answers: the open diff, the diff plus related files, or the whole repository.
Browser-only context
Project-wide access
Noise control
How it keeps output volume down — severity thresholds, deduplication, incremental runs over new commits only.
No noise controls
No noise controls
Customization
How far it bends to your team: custom rules, prompts, style guides, per-path config.
Config flags available
Plugins & design-system
Privacy
Whether your code stays on your own infrastructure: fully local, self-hostable, or cloud API only.
Self-hostable (opt-outs)
Self-hostable
Model freedom
Whether you can point it at any provider, or it is wired to one.
Bring-your-own model
Bring-your-own-key
Setup ease
What it takes to get a first useful run out of it.
One-command start
Quickstart 3 commands

Which one to pick

Pick chrome-devtools-mcp if…

Advanced browser debugging — use this when you need an agent to interact with and inspect a live Chrome browser for reliable automation, debugging, and performance traces.

Runs in cli, ide, coding-agent-plugin. Works with byok.

Pick open-design if…

Local-first — run agent-native design workflows on your laptop with plugins and a DESIGN.md-driven design system, and export real files without relying on a single closed service.

  • Context depth: Project-wide access (4/5 against 1/5)
  • Customization: Plugins & design-system (5/5 against 3/5)
Runs in cli, coding-agent-plugin, ide, web-app. Works with byok, openai, anthropic, gemini, local-ollama.

What people want from each one

Questions people ask

Is chrome-devtools-mcp better than open-design?

open-design leads on context depth and customization. chrome-devtools-mcp does not take any axis by a clear margin. chrome-devtools-mcp is worth picking when advanced browser debugging — use this when you need an agent to interact with and inspect a live Chrome browser for reliable automation, debugging, and performance traces.

Which of chrome-devtools-mcp and open-design keeps my code private?

chrome-devtools-mcp: Self-hostable (opt-outs) (4/5). open-design: Self-hostable (4/5).

What does each one cost to run?

chrome-devtools-mcp: Free, runs locally. open-design: Your API key or Open Design Cloud (paid).

Full profiles: ChromeDevTools/chrome-devtools-mcp and nexu-io/open-design. Everything else in Tools & MCP.