claude-code-debug —— 让 Claude Code 调试代码像本地 IDE 一样直观

Claude Code 默认的交互是”问 – 答”模式，遇到 bug 调试时不够直观。claude-code-debug 这个 Skill 给它加上了类 IDE 的调试能力。

它能做什么

• 实时变量查看：执行到断点时输出所有变量值
• 断点：代码里 debugger; 关键字 = 断点
• 性能分析：每行耗时统计
• 调用栈追踪：递归、async 函数完整堆栈

实战示例

function calculate(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    debugger;  // ← Claude 会停在这里，输出 i / items[i] / total
    total += items[i].price;
  }
  return total;
}

跟 Claude 说”调试 calculate 函数”它就会：

1. 在 debugger; 处暂停
2. 输出当前 i / items[i] / total 的值
3. 你可以问”如果 i=5 时会怎样？”让它预测

适合谁

• 写复杂业务逻辑时想看运行时状态
• debug 递归 / async 代码
• 学习开源项目时想看代码执行流程

亮点

• 零配置：装上 Skill 就生效
• 支持多语言：JS / TS / Python / Go / Rust
• 可视化输出：变量值、调用栈、耗时都用表格展示

GitHub

github.com/anthropics/claude-code

⭐ 18k+ / Apache 2.0