Systematically tests UI functionality, validates design fidelity with AI visual analysis, monitors console output, tracks network requests, and provides debugging reports using Chrome Extension MCP tools.
Install
npx skills add MadAppGang/claude-code --skill browser-debuggingnpx skills add MadAppGang/claude-code --skill browser-debugging -a claude-code -gnpx skills add MadAppGang/claude-code --skill browser-debugging -a codex -ggemini skills install https://github.com/MadAppGang/claude-code.git --path plugins/dev/skills/frontend/browser-debugginggh skill install MadAppGang/claude-code browser-debugginggit clone --depth 1 https://github.com/MadAppGang/claude-code /tmp/MadAppGang__claude-code
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/MadAppGang__claude-code/plugins/dev/skills/frontend/browser-debugging ~/.claude/skills/browser-debugging # Claude Code
cp -R /tmp/MadAppGang__claude-code/plugins/dev/skills/frontend/browser-debugging ~/.agents/skills/browser-debugging # Codex, Cursor, Gemini CLI, Copilot, OpenCode