julien-mcp-chrome-devtools

Name: julien-mcp-chrome-devtools
Availability: InStock
Author: theflysurfer

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

Updated Aug 23, 2026

Search Tags:#debugging #mcp #Chrome DevTools #browser #DevTools

Ready to run

npx skills add https://github.com/theflysurfer/claude-skills-marketplace --skill julien-mcp-chrome-devtools

💬 Prompt for ChatGPT / Claude Chat▼

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.