什么是 smart-debugger？
前端智能调试助手。从错误消息、控制台日志、异常行为描述中快速定位有问题的代码，并提供修复建议。适用于：（1）运行时错误（TypeError、ReferenceError等）、（2）控制台警告分析、（3）白屏/卡顿排查、（4）网络请求异常、（5）组件渲染异常。与BugHunter的区别：智能调试器注重快速定位，BugHunter提供完整的闭环修复。 来源：sakumyz/skills。
·smart-debugger
</>
smart-debugger
✓前端智能调试助手。从错误消息、控制台日志、异常行为描述中快速定位有问题的代码，并提供修复建议。适用于：（1）运行时错误（TypeError、ReferenceError等）、（2）控制台警告分析、（3）白屏/卡顿排查、（4）网络请求异常、（5）组件渲染异常。与BugHunter的区别：智能调试器注重快速定位，BugHunter提供完整的闭环修复。
如何安装 smart-debugger
通过命令行快速安装 smart-debugger AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/sakumyz/skills --skill smart-debugger
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：sakumyz/skills。
SKILL.md
查看原文| 运行时类型错误 | TypeError, ReferenceError | 变量未定义、属性访问链、类型断言 | | 渲染异常 | 白屏、组件不显示、闪烁 | 条件渲染逻辑、数据初始状态、Suspense/ErrorBoundary | | 性能问题 | 卡顿、频繁重渲染 | useEffect 依赖、状态更新循环、大列表未虚拟化 | | 网络请求 | 4xx/5xx、CORS、超时 | API 地址、请求头、代理配置 | | 样式异常 | 布局错乱、样式不生效 | CSS 优先级、动态 class、主题覆盖 | | 构建错误 | 编译失败、类型错误 | 导入路径、类型定义、tsconfig | | 控制台警告 | React/Vue 警告 | Key 重复、PropTypes、响应式丢失 |
| 运行时错误 | 从堆栈信息定位源文件 → 读取文件 → 检查上下文 | | 渲染异常 | 检查组件 props/state 定义 → 数据流追踪 | | 性能问题 | 搜索 useEffect/watch 使用 → 检查依赖数组 | | 网络请求 | 检查 API 配置、代理配置、环境变量 | | 构建错误 | 检查 tsconfig.json、webpack/vite 配置 |
| 拿到一个错误信息，想快速定位修复 | smart-debugger（本 skill） | | 收到 Redmine Bug 工单，需要完整修复闭环 | BugHunter（subagent） | | 难以定位的复杂 Bug，需要深度分析 | 先用 smart-debugger 初诊 → 转 BugHunter |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/sakumyz/skills --skill smart-debugger- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-28
- 更新时间
- 2026-03-10
快速解答
如何安装 smart-debugger？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/sakumyz/skills --skill smart-debugger 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/sakumyz/skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-28