Agent skill · software engineering · aj-geddes
browser-debugging
Debug client-side issues using browser developer tools. Identify JavaScript errors, styling issues, and performance problems in the browser.
Why this skill is useful
Codifies best practices for using browser debugging tools, which the AI could infer but now doesn't have to guess.
What it needs
About 1k tokens when loaded. Last updated 2026-03-04. 307 stars on the source repository.
What this skill does
Browser Debugging Table of Contents Overview When to Use Quick Start Reference Guides Best Practices Overview Browser debugging tools help identify and fix client-side issues including JavaScript errors, layout problems, and performance issues. When to Use JavaScript errors Layout/styling issues Performance problems User interaction issues Network request failures Animation glitches Quick Start Minimal working example: Reference Guides Detailed implementations in the references/ directory: Guide Contents --- --- Browser DevTools Fundamentals Browser DevTools Fundamentals Debugging Techniques Debugging Techniques Common Issues & Solutions Common Issues & Solutions Performance Debugging Performance Debugging Best Practices ✅ DO Follow established patterns and conventions Write clean, maintainable code Add appropriate documentation Test thoroughly before deploying ❌ DON'T Skip testing or validation Ignore error handling Hard-code configuration values
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aj-geddes/browser-debugging