When should I use the Troubleshoot skill?

Activate this skill whenever you encounter an error, a broken build, or unexpected behavior like a 'white screen' or unresponsive UI components.

Can it fix package dependency issues?

Yes, it automatically detects module resolution errors (like ERESOLVE) and executes fixes such as clearing caches or re-installing node_modules.

How does it handle frontend or UI bugs?

It uses agent-browser tools to capture snapshots, analyze console logs, and simulate user interactions to identify why elements aren't behaving as expected.

What happens if the AI cannot fix the bug?

If a fix fails after three attempts, the skill generates a detailed escalation report summarizing the error, attempted solutions, and analyzed causes to share with a senior developer.

Troubleshoot Skill for Claude Code

Name: Troubleshoot Skill for Claude Code
Author: Chachamaru127

byChachamaru127

•

160

개발자 도구

Diagnoses and resolves software bugs, build errors, and UI glitches through an autonomous Plan-Work-Review cycle.

소개

The Troubleshoot skill empowers developers to identify and fix root causes of failures without manual log digging. By leveraging automated environment checks, LSP diagnostics, and browser-based UI testing, it moves seamlessly from symptom detection to resolution. It handles everything from dependency conflicts and type mismatches to complex runtime errors, providing clear diagnostic reports and escalation paths if human intervention is required.

주요 기능

LSP-powered code diagnostics for deep cause tracking and source analysis
UI debugging using autonomous browser snapshots and console monitoring
Categorized diagnostic flows for Git conflicts, build failures, and runtime crashes
Automated error log analysis and environment health checks
Smart dependency resolution for NPM/Yarn package management errors
160 GitHub stars

사용 사례

Resolving broken build pipelines and complex NPM dependency conflicts
Fixing 'white screen' errors and unresponsive UI components in web applications
Tracking down runtime exceptions using LSP-based source code exploration

소개

주요 기능

LSP-powered code diagnostics for deep cause tracking and source analysis
UI debugging using autonomous browser snapshots and console monitoring
Categorized diagnostic flows for Git conflicts, build failures, and runtime crashes
Automated error log analysis and environment health checks
Smart dependency resolution for NPM/Yarn package management errors
160 GitHub stars

사용 사례

Resolving broken build pipelines and complex NPM dependency conflicts
Fixing 'white screen' errors and unresponsive UI components in web applications
Tracking down runtime exceptions using LSP-based source code exploration