skills.rest
theflysurfer
theflysurferCOMMUNITY
Explore all skills by this author →
GitHub

julien-mcp-chrome-devtools

Install Chrome DevTools MCP and merge its configuration into .mcp.json.

Updated Aug 23, 2026
Search Tags:#debugging#mcp#Chrome DevTools#browser#DevTools
One-click install
npx skills add https://github.com/theflysurfer/claude-skills-marketplace --skill julien-mcp-chrome-devtools
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: julien-mcp-chrome-devtools
Source: https://github.com/theflysurfer/claude-skills-marketplace/tree/main/archive/mcp-skills-individual/julien-mcp-chrome-devtools
Command: npx skills add https://github.com/theflysurfer/claude-skills-marketplace --skill julien-mcp-chrome-devtools

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill installs the Chrome DevTools MCP server into the current project.

Core Features & Use Cases

  • DevTools protocol: Enable browser debugging integration.
  • Configuration: Merges into .mcp.json.
  • Usage: Restart Claude Code to activate.

Quick Start

Say: install chrome devtools mcp.

Frequently Asked Questions about julien-mcp-chrome-devtools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate Chrome DevTools Protocol debugging into my project?▼

Chrome DevTools Protocol debugging integrates by installing the Chrome DevTools MCP server, which merges into your project's .mcp.json configuration file under mcpServers. Restart Claude Code to activate the MCP server and begin debugging.

What prerequisites do I need to use Chrome DevTools MCP?▼

Chrome DevTools MCP requires Chrome with remote debugging enabled, Node.js, and npm installed on your system. The Skill detects your existing .mcp.json or creates one during installation.

Can I add Chrome DevTools MCP to an existing project?▼

Yes. Chrome DevTools MCP merges into your existing .mcp.json configuration file, preserving other MCP server entries. If no .mcp.json exists, the Skill creates one with the chrome-devtools entry.

How do I activate the Chrome DevTools MCP server after installation?▼

After the Skill completes installation and merges the chrome-devtools entry into .mcp.json, restart Claude Code. The MCP server activates automatically on restart.

What does Chrome DevTools MCP enable me to debug?▼

Chrome DevTools MCP enables browser-level debugging through the Chrome DevTools Protocol, allowing you to inspect, debug, and interact with web applications running in Chrome from within your Claude Code environment.

Do I need Chrome running locally to use Chrome DevTools MCP?▼

Chrome DevTools MCP requires Chrome with remote debugging capabilities enabled on your machine. The Skill validates this prerequisite during installation and provides setup instructions if remote debugging is not detected.

Related Skills

Explore More Software Engineering Skills→
sharegpusharegpu

troubleshooting

Diagnose Chrome DevTools MCP configuration and connectivity errors.

Official
Advanced
cookeyholdercookeyholder

browser-testing-with-devtools

Inspect live browser pages via Chrome DevTools MCP for debugging.

Community
Advanced
blueskies1818blueskies1818
1

mcporter

Manage MCP servers and tools via the mcporter CLI.

Community
Intermediate
zhouxiuminzhouxiumin

chrome-devtools

Automate browser control and debugging via the Chrome DevTools MCP protocol.

Community
Advanced