Systematically tests UI functionality, validates design fidelity with AI visual analysis, monitors console output, tracks network requests, and provides debugging reports using Chrome DevTools MCP. Use after implementing UI features, for design validation, when investigating console errors, for regression testing, or when user mentions testing, browser bugs, console errors, or UI verification.
安装
npx skills add MadAppGang/claude-code --skill browser-debuggernpx skills add MadAppGang/claude-code --skill browser-debugger -a claude-code -gnpx skills add MadAppGang/claude-code --skill browser-debugger -a codex -ggemini skills install https://github.com/MadAppGang/claude-code.git --path plugins/frontend/skills/browser-debuggergh skill install MadAppGang/claude-code browser-debuggergit 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/frontend/skills/browser-debugger ~/.claude/skills/browser-debugger # Claude Code
cp -R /tmp/MadAppGang__claude-code/plugins/frontend/skills/browser-debugger ~/.agents/skills/browser-debugger # Codex, Cursor, Gemini CLI, Copilot, OpenCode