Command Palette

Search for a command to run...

UnylyUnyly
Browse all

Chrome Devtools Slim

FreeNot checked

A token-optimized MCP server that groups Chrome Devtools tools into 8 semantic operations, reducing context window tokens by 69.5% while preserving full functio

GitHubEmbed

About

A token-optimized MCP server that groups Chrome Devtools tools into 8 semantic operations, reducing context window tokens by 69.5% while preserving full functionality.

README

Chrome Devtools MCP server optimized for AI assistants — Reduce context window tokens by 69.5% while keeping full functionality. Compatible with Claude, ChatGPT, Gemini, Cursor, and all MCP clients.

npm version Test Status MCP Compatible

What is chrome-devtools-slim?

A token-optimized version of the Chrome Devtools Model Context Protocol (MCP) server.

The Problem

MCP tool schemas consume significant context window tokens. When AI assistants like Claude or ChatGPT load MCP tools, each tool definition takes up valuable context space.

The original chrome-devtools-mcp loads 26 tools consuming approximately ~18,576 tokens — that's space you could use for actual conversation.

The Solution

chrome-devtools-slim intelligently groups 26 tools into 8 semantic operations, reducing token usage by 69.5% — with zero functionality loss.

Your AI assistant sees fewer, smarter tools. Every original capability remains available.

Performance

Metric Original Slim Reduction
Tools 26 8 -69%
Schema Tokens 3,756 1,104 70.6%
Claude Code (est.) ~18,576 ~5,664 ~69.5%

Benchmark Info

  • Original: [email protected]
  • Schema tokens measured with tiktoken (cl100k_base)
  • Claude Code estimate includes ~570 tokens/tool overhead

Quick Start

One-Command Setup (Recommended)

# Claude Desktop - auto-configure
npx chrome-devtools-slim --setup claude

# Cursor - auto-configure
npx chrome-devtools-slim --setup cursor

# Interactive mode (choose your client)
npx chrome-devtools-slim --setup

Done! Restart your app to use chrome-devtools.

CLI Tools (already have CLI?)

# Claude Code (creates .mcp.json in project root)
claude mcp add chrome-devtools -s project -- npx -y chrome-devtools-slim@latest

# Windows: use cmd /c wrapper
claude mcp add chrome-devtools -s project -- cmd /c npx -y chrome-devtools-slim@latest

# VS Code (Copilot, Cline, Roo Code)
code --add-mcp '{"name":"chrome-devtools","command":"npx","args":["-y","chrome-devtools-slim@latest"]}'

Manual Setup

Click to expand manual configuration options

Claude Desktop

Add to your claude_desktop_config.json:

OS Path
Windows %APPDATA%\Claude\claude_desktop_config.json
macOS ~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-slim@latest"]
    }
  }
}

Cursor

Add to .cursor/mcp.json (global) or <project>/.cursor/mcp.json (project):

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["-y", "chrome-devtools-slim@latest"]
    }
  }
}

How It Works

MCPSlim acts as a transparent bridge between AI models and the original MCP server:

┌─────────────────────────────────────────────────────────────────┐
│  Without MCPSlim                                                │
│                                                                 │
│  [AI Model] ──── reads 26 tool schemas ────→ [Original MCP]    │
│             (~18,576 tokens loaded into context)                 │
├─────────────────────────────────────────────────────────────────┤
│  With MCPSlim                                                   │
│                                                                 │
│  [AI Model] ───→ [MCPSlim Bridge] ───→ [Original MCP]           │
│       │                │                      │                 │
│   Sees 8 grouped      Translates to        Executes actual   │
│   tools only         original call       tool & returns    │
│   (~5,664 tokens)                                              │
└─────────────────────────────────────────────────────────────────┘

How Translation Works

  1. AI reads slim schema — Only 8 grouped tools instead of 26
  2. AI calls grouped tool — e.g., interaction({ action: "click", ... })
  3. MCPSlim translates — Converts to original: browser_click({ ... })
  4. Original MCP executes — Real server processes the request
  5. Response returned — Result passes back unchanged

Zero functionality loss. 69.5% token savings.

Available Tool Groups

Group Actions
get 2
list 3
performance 3
take 2
page 5
interaction 7
control 3

Plus 1 passthrough tool — tools that don't group well are kept as-is with optimized descriptions.

Compatibility

  • Full functionality — All original chrome-devtools-mcp features preserved
  • All AI assistants — Works with Claude, ChatGPT, Gemini, Copilot, and any MCP client
  • Drop-in replacement — Same capabilities, just use grouped action names
  • Tested — Schema compatibility verified via automated tests

FAQ

Does this reduce functionality?

No. Every original tool is accessible. Tools are grouped semantically (e.g., click, hover, draginteraction), but all actions remain available via the action parameter.

Why do AI assistants need token optimization?

AI models have limited context windows. MCP tool schemas consume tokens that could be used for conversation, code, or documents. Reducing tool schema size means more room for actual work.

Is this officially supported?

MCPSlim is a community project. It wraps official MCP servers transparently — the original server does all the real work.

License

MIT


Powered by MCPSlim — MCP Token Optimizer
Reduce AI context usage. Keep full functionality.

from github.com/mcpslim/chrome-devtools-slim

Install Chrome Devtools Slim in Claude Desktop, Claude Code & Cursor

Recommended · one command, every IDE
unyly install chrome-devtools-slim

Installs into Claude Desktop, Claude Code, Cursor & VS Code — handles npx, uvx and build-from-source repos for you.

First time? Get the CLI: curl -fsSL https://unyly.org/install | sh

Or configure manually

Run in your terminal:

claude mcp add chrome-devtools-slim -- npx -y chrome-devtools-slim

FAQ

Is Chrome Devtools Slim MCP free?

Yes, Chrome Devtools Slim MCP is free — one-click install via Unyly at no cost.

Does Chrome Devtools Slim need an API key?

No, Chrome Devtools Slim runs without API keys or environment variables.

Is Chrome Devtools Slim hosted or self-hosted?

Self-hosted: the server runs locally on your machine via the install command above.

How do I install Chrome Devtools Slim in Claude Desktop, Claude Code or Cursor?

Open Chrome Devtools Slim on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.

Related MCPs

Compare Chrome Devtools Slim with

Not sure what to pick?

Find your stack in 60 seconds

Author?

Embed badge for your README

Browse similar

All browse MCPs