debug:angular
✓Debuggen Sie Angular-Anwendungen systematisch mit Diagnosetechniken auf Expertenniveau. Dieser Skill bietet umfassende Anleitungen zur Fehlerbehebung bei Abhängigkeitsinjektionsfehlern, Änderungserkennungsproblemen (NG0100), RxJS-Abonnementlecks, Lazy-Loading-Fehlern, Zone.js-Problemen und häufigen Angular-Laufzeitfehlern. Beinhaltet eine strukturierte Vier-Phasen-Debugging-Methodik, die Verwendung von Angular DevTools, Konsolen-Debugging-Dienstprogramme (ng.probe) und Strategien zur Leistungsprofilierung für moderne Angular-Anwendungen.
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 |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-06
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist debug:angular?
Debuggen Sie Angular-Anwendungen systematisch mit Diagnosetechniken auf Expertenniveau. Dieser Skill bietet umfassende Anleitungen zur Fehlerbehebung bei Abhängigkeitsinjektionsfehlern, Änderungserkennungsproblemen (NG0100), RxJS-Abonnementlecks, Lazy-Loading-Fehlern, Zone.js-Problemen und häufigen Angular-Laufzeitfehlern. Beinhaltet eine strukturierte Vier-Phasen-Debugging-Methodik, die Verwendung von Angular DevTools, Konsolen-Debugging-Dienstprogramme (ng.probe) und Strategien zur Leistungsprofilierung für moderne Angular-Anwendungen. Quelle: snakeo/claude-debug-and-refactor-skills-plugin.
Wie installiere ich debug:angular?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-06