Skills
.Work. You
Rest

browser-debug

Community

Debug live web applications with Chrome DevTools

Software Engineering#accessibility#web performance#Chrome DevTools#console errors#browser debugging
Authorbdbch
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps diagnose and fix console errors, network issues, performance problems, and accessibility issues in live web applications.

Core Features & Use Cases

  • Console Errors: Identify and understand JavaScript exceptions, runtime errors, and deprecation warnings.
  • Network Issues: Diagnose network request failures, slow API calls, and resource mismatches.
  • Performance Issues: Analyze page load speed, layout shifts, long tasks, and memory leaks.
  • Accessibility Issues: Check for missing alt text, low contrast, and ARIA label violations.
  • Rendering Issues: Resolve FOUC, broken layouts, and font loading issues.
  • Use Case: Quickly identify and fix issues on a web application being developed or maintained.

Quick Start

Debug console errors and network issues in your web application 'example.com'.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: browser-debug
Download link: https://github.com/bdbch/ai-dotfiles/archive/main.zip#browser-debug

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.