claude-code-templates/templates/javascript-typescript/.claude/commands/debug.md

CLI tool to setup Claude Code configurations with framework-specific commands, automation hooks and MCP Servers for your projects

# Debug Assistant

Help me debug the issue with $ARGUMENTS in this project.

## Task

I'll help you identify and fix the problem by:

1. Understanding the issue description
2. Analyzing relevant code
3. Identifying potential causes
4. Suggesting and implementing fixes
5. Verifying the solution works

## Process

I'll follow these steps:

1. Examine error messages, logs, or unexpected behaviors
2. Locate relevant files and code sections
3. Analyze the code flow and potential failure points
4. Identify common JavaScript/TypeScript pitfalls that might apply
5. Suggest specific fixes with explanations
6. Help implement and test the solution

## Debugging Techniques

I'll apply appropriate debugging techniques such as:

- Static code analysis to find syntax or type errors
- Runtime error analysis from logs or stack traces
- Control flow tracing to understand execution paths
- State inspection to identify incorrect values
- Dependency analysis to find version conflicts
- Network request inspection for API issues
- Browser console analysis for frontend problems
- Database query inspection for data issues

## Common Issues I Can Help With

- Type errors and null/undefined issues
- Asynchronous code problems (Promises, async/await)
- React/Vue/Angular component lifecycle issues
- API integration problems
- State management bugs
- Performance bottlenecks
- Memory leaks
- Build/compilation errors
- Testing failures
- Environment configuration issues

I'll adapt my approach based on your specific project structure, frameworks, and the nature of the problem.