Skills
.Work. You
Rest

chrome-debugger

Community

Attach Chrome DevTools for frontend debugging.

Software Engineering#automation#debugging#frontend#mcp#browser#chrome-devtools#web-debugging
Authorjeff-hamm
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Attaches Chrome DevTools MCP to a running client-side app to enable interactive debugging of the frontend, including inspecting UI, network activity, and console output.

Core Features & Use Cases

  • Automatically determine app URL and attach DevTools
  • Start/verify dev server if needed
  • Open or reuse a Chrome tab, take initial screenshots and DOM snapshot

Quick Start

Tell me the app URL (or confirm the known project pattern) so the skill can attach Chrome DevTools and begin debugging.

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-debugger
Download link: https://github.com/jeff-hamm/ai-tools/archive/main.zip#chrome-debugger

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 471,000+ vetted skills library on demand.