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