Start a debugging session for a webpage. Launches browser, takes screenshot, and checks for errors.
Launches browser, captures screenshot, checks for errors, and analyzes webpage issues.
/plugin marketplace add AnthemFlynn/ccmp/plugin install website-debug@ccmpurlsonnetStart a comprehensive debugging session for a webpage.
Start browser (if not already running):
node ~/.claude/plugins/**/website-debug/skills/website-debug/scripts/browser-start.js
Navigate to URL (use $ARGUMENTS if provided, otherwise ask):
node ~/.claude/plugins/**/website-debug/skills/website-debug/scripts/browser-nav.js "$ARGUMENTS"
Take initial screenshot:
node ~/.claude/plugins/**/website-debug/skills/website-debug/scripts/browser-screenshot.js
Check for JavaScript errors:
node ~/.claude/plugins/**/website-debug/skills/website-debug/scripts/browser-console.js --errors
Get page summary:
node ~/.claude/plugins/**/website-debug/skills/website-debug/scripts/browser-dom.js
Analyze the screenshot visually and report:
If $ARGUMENTS is empty, ask the user for the URL to debug.
After completing the initial assessment, ask the user what specific issue they'd like to investigate or if they want to use the element picker to select a problematic element.