·chrome-debug
</>

chrome-debug

How to use Chrome DevTools MCP for browser debugging. Use when you need to inspect pages, take screenshots, debug UI issues, or verify visual changes.

4Installs·0Trend·@akornmeier

Installation

$npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug

How to Install chrome-debug

Quickly install chrome-debug AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: akornmeier/claude-config.

SKILL.md

View raw

This skill explains how to use the Chrome DevTools MCP for browser debugging and UI verification.

Before using Chrome DevTools MCP, you must launch Chrome in headless mode with remote debugging enabled:

This runs Chrome with the required flags for Docker/containerized environments:

How to use Chrome DevTools MCP for browser debugging. Use when you need to inspect pages, take screenshots, debug UI issues, or verify visual changes. Source: akornmeier/claude-config.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug
Category
</>Dev Tools
Verified
First Seen
2026-02-25
Updated
2026-03-10

Browse more skills from akornmeier/claude-config

Quick answers

What is chrome-debug?

How to use Chrome DevTools MCP for browser debugging. Use when you need to inspect pages, take screenshots, debug UI issues, or verify visual changes. Source: akornmeier/claude-config.

How do I install chrome-debug?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/akornmeier/claude-config