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 to use Chrome DevTools MCP for browser debugging. Use when you need to inspect pages, take screenshots, debug UI issues, or verify visual changes.
Quickly install chrome-debug AI skill to your development environment via command line
Source: akornmeier/claude-config.
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.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debugHow 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.
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
https://github.com/akornmeier/claude-config