Skills
.Work. You
Rest

chrome-devtools-debugging

Official

Debug web apps via Chrome DevTools MCP.

Software Engineering#javascript#MCP#debug#Chrome DevTools#network#web debugging#console
AuthorConsiliency
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers and QA engineers debug and analyze web applications by leveraging Chrome's DevTools Protocol via the MCP wrapper, enabling quick access to debugging data with minimal manual setup.

Core Features & Use Cases

  • Console inspection: View errors, warnings, and log messages in real time.
  • Network analysis: Monitor HTTP requests, headers, and responses, including authenticated sessions.
  • Performance tracing: Record and analyze browser performance data.
  • JavaScript evaluation: Execute code in the browser context to inspect state.
  • Authenticated session debugging: Inspect tokens and session state for logged-in users.

Quick Start

Start Chrome with remote debugging enabled and ensure the MCP server is installed and running. Use the Python wrappers to connect and perform actions like listing console messages, examining network requests, or evaluating JavaScript in the browser context.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: chrome-devtools-debugging
Download link: https://github.com/Consiliency/treesitter-chunker/archive/main.zip#chrome-devtools-debugging

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.