Website Debugging Skill

Lightweight, token-efficient browser debugging toolkit for frontend development. Uses CLI scripts instead of MCP servers to minimize context usage (~300 tokens vs 13k-18k).

Quick Start

Use the slash commands for easiest access:

• /debug-page <url> - Start debugging session
• /screenshot - Take screenshot
• /pick-element - Interactive element selection
• /test-responsive - Test at all breakpoints
• /verify-changes - Verify after making changes

Or use scripts directly: