Browser Debugging

Helps you work through client-side bugs using browser DevTools across Chrome, Firefox, and Safari. Covers the core tabs you actually use: Elements for DOM inspection and CSS tweaks, Console for errors and logging, Sources for breakpoints and stepping through code, Network for request debugging, and Performance for profiling. The reference guides break down debugging techniques, common issues like CORS errors and memory leaks, and performance optimization patterns. Honestly, this is more of a structured reference than something that teaches debugging intuition, but having the DevTools features and workflows documented in one place beats hunting through browser documentation when you need to remember how conditional breakpoints work or what that obscure Performance tab metric means.

Install to Claude Code

npx -y skills add aj-geddes/useful-ai-prompts --skill browser-debugging --agent claude-code