What is smart-debugger?
前端智能调试助手。从错误信息、控制台日志、异常行为描述快速定位问题代码并给出修复建议。适用于：(1) 运行时错误（TypeError、ReferenceError 等），(2) 控制台警告分析，(3) 页面白屏/卡顿排查，(4) 网络请求异常，(5) 组件渲染异常。与 BugHunter 区别：smart-debugger 聚焦快速定位，BugHunter 做完整闭环修复。 Source: sakumyz/skills.
·smart-debugger
</>
smart-debugger
✓前端智能调试助手。从错误信息、控制台日志、异常行为描述快速定位问题代码并给出修复建议。适用于：(1) 运行时错误（TypeError、ReferenceError 等），(2) 控制台警告分析，(3) 页面白屏/卡顿排查，(4) 网络请求异常，(5) 组件渲染异常。与 BugHunter 区别：smart-debugger 聚焦快速定位，BugHunter 做完整闭环修复。
Installation
How to Install smart-debugger
Quickly install smart-debugger AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/sakumyz/skills --skill smart-debugger
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: sakumyz/skills.
SKILL.md
View raw| 运行时类型错误 | 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 |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/sakumyz/skills --skill smart-debugger- Source
- sakumyz/skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-28
- Updated
- 2026-03-11
Quick answers
How do I install smart-debugger?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/sakumyz/skills --skill smart-debugger Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/sakumyz/skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-28