debug:react
✓系统地调试 React 问题。当遇到组件错误时使用，例如“无法读取未定义的属性”、“重新渲染次数太多”的无限重新渲染循环、钩子中的陈旧闭包、关键道具警告、useEffect 内存泄漏、SSR/SSG 应用程序中的水合不匹配、钩子规则违规、缺少依赖项警告或性能瓶颈。涵盖功能组件、钩子和现代 React 18/19 模式，包括服务器组件和并发功能。
SKILL.md
A systematic approach to debugging React applications, covering common error patterns, modern debugging tools, and step-by-step resolution strategies.
"Cannot read property of undefined" / "TypeError: X is undefined"
Cause: State updates triggering renders that trigger more state updates.
系统地调试 React 问题。当遇到组件错误时使用，例如“无法读取未定义的属性”、“重新渲染次数太多”的无限重新渲染循环、钩子中的陈旧闭包、关键道具警告、useEffect 内存泄漏、SSR/SSG 应用程序中的水合不匹配、钩子规则违规、缺少依赖项警告或性能瓶颈。涵盖功能组件、钩子和现代 React 18/19 模式，包括服务器组件和并发功能。 来源：snakeo/claude-debug-and-refactor-skills-plugin。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-06
- 更新时间
- 2026-02-18
快速解答
什么是 debug:react？
系统地调试 React 问题。当遇到组件错误时使用，例如“无法读取未定义的属性”、“重新渲染次数太多”的无限重新渲染循环、钩子中的陈旧闭包、关键道具警告、useEffect 内存泄漏、SSR/SSG 应用程序中的水合不匹配、钩子规则违规、缺少依赖项警告或性能瓶颈。涵盖功能组件、钩子和现代 React 18/19 模式，包括服务器组件和并发功能。 来源：snakeo/claude-debug-and-refactor-skills-plugin。
如何安装 debug:react？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-06