debugging
Systematic four-phase debugging: reproduce, locate, fix, verify with chrome-devtools
安装与使用
请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。
查看来源 ↗使用指南技能说明
系统化调试
工具
| 工具 | 类型 | 用法 | 调用方式 |
|---|---|---|---|
| SP debugging | Superpowers | 四阶段调试方法论 | 读取 ~/.codex/superpowers/skills/debugging/SKILL.md |
| sou | MCP | 搜索相关代码+错误模式 | sou.search("错误关键词") |
| chrome-devtools | MCP | 前端运行时调试 | Codex 专属 |
| skill/tdd | VibeCoding Skill | 修复阶段写测试 | 内部加载 |
触发条件
-
vibe-debug命令直接触发 - skill/verification 2 次失败自动加载
- 用户报告 bug
四阶段
1. 复现
→ 确认 bug 可稳定复现
→ 记录 expected vs actual
→ 前端: chrome-devtools 抓错误 (Codex 专属优势)
2. 定位
→ sou.search("错误关键词") 搜索相关代码
→ SP debugging: 二分法缩小范围
降级: SP 未安装 → 直接二分法
→ chrome-devtools: 检查 DOM/Network/Console
3. 修复
→ skill/tdd: 写修复测试 (RED) → 最小修复 (GREEN)
4. 验证
→ 运行全测试套件
→ chrome-devtools 验证前端修复
→ 记录 root cause → .knowledge/experience/mistakes.md
禁止
随机改代码、不复现就修、同时改多处、不写测试就提交。
使用示例
查看来源仓库中的使用示例与配置说明。
查看来源 ↗来源历史
- 收录时间
- 2026-03-11
- 索引更新时间
- 2026-03-11
- Branch
- main
收录与同步日期属于本站记录。源码修改历史请查看来源仓库。
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!