debug:angular
✓使用專家級診斷技術系統地調試 Angular 應用程序。該技能為解決依賴注入錯誤、更改檢測問題 (NG0100)、RxJS 訂閱洩漏、延遲加載失敗、zone.js 問題和常見 Angular 運行時錯誤提供了全面的指導。包括結構化四階段調試方法、Angular DevTools 使用、控制台調試實用程序 (ng.probe) 以及現代 Angular 應用程序的性能分析策略。
SKILL.md
This guide provides a systematic approach to debugging Angular applications, covering common error patterns, debugging tools, and structured resolution phases.
| NG0100 | Expression changed after checked | Use detectChanges() or setTimeout | | NG0200 | Circular dependency in DI | Refactor service dependencies | | NG0201 | No provider for service | Add to providers array or use providedIn | | NG0300 | Multiple components match selector | Make selectors more specific |
| NG0301 | Export not found | Check export name in directive/component | | NG0302 | Pipe not found | Import module containing pipe | | NG0303 | No matching element | Check selector syntax | | NG0500 | Hydration mismatch (SSR) | Ensure server/client render same content | | NG0910 | Unsafe binding | Sanitize or use bypassSecurityTrust |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-06
- 更新時間
- 2026-02-18
快速解答
什麼是 debug:angular？
使用專家級診斷技術系統地調試 Angular 應用程序。該技能為解決依賴注入錯誤、更改檢測問題 (NG0100)、RxJS 訂閱洩漏、延遲加載失敗、zone.js 問題和常見 Angular 運行時錯誤提供了全面的指導。包括結構化四階段調試方法、Angular DevTools 使用、控制台調試實用程序 (ng.probe) 以及現代 Angular 應用程序的性能分析策略。 來源：snakeo/claude-debug-and-refactor-skills-plugin。
如何安裝 debug:angular？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-06