debug:angular
✓Déboguez systématiquement les applications Angular avec des techniques de diagnostic de niveau expert. Cette compétence fournit des conseils complets pour dépanner les erreurs d'injection de dépendances, les problèmes de détection de modifications (NG0100), les fuites d'abonnement RxJS, les échecs de chargement paresseux, les problèmes de zone.js et les erreurs d'exécution Angular courantes. Comprend une méthodologie de débogage structurée en quatre phases, l'utilisation d'Angular DevTools, des utilitaires de débogage de console (ng.probe) et des stratégies de profilage de performances pour les applications Angular modernes.
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 |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-06
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que debug:angular ?
Déboguez systématiquement les applications Angular avec des techniques de diagnostic de niveau expert. Cette compétence fournit des conseils complets pour dépanner les erreurs d'injection de dépendances, les problèmes de détection de modifications (NG0100), les fuites d'abonnement RxJS, les échecs de chargement paresseux, les problèmes de zone.js et les erreurs d'exécution Angular courantes. Comprend une méthodologie de débogage structurée en quatre phases, l'utilisation d'Angular DevTools, des utilitaires de débogage de console (ng.probe) et des stratégies de profilage de performances pour les applications Angular modernes. Source : snakeo/claude-debug-and-refactor-skills-plugin.
Comment installer debug:angular ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-06