·debug:angular

Esegui il debug sistematico delle applicazioni Angular con tecniche diagnostiche di livello esperto. Questa competenza fornisce una guida completa per la risoluzione degli errori di inserimento delle dipendenze, problemi di rilevamento delle modifiche (NG0100), perdite di abbonamenti RxJS, errori di caricamento lento, problemi zone.js ed errori comuni di runtime Angular. Include una metodologia di debug strutturata in quattro fasi, l'utilizzo di Angular DevTools, utilità di debug della console (ng.probe) e strategie di profilazione delle prestazioni per le moderne applicazioni Angular.

19Installazioni·0Tendenza·@snakeo

Installazione

$npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular

Come installare debug:angular

Installa rapidamente la skill AI debug:angular nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: snakeo/claude-debug-and-refactor-skills-plugin.

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 |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-06
Aggiornato
2026-03-10

Browse more skills from snakeo/claude-debug-and-refactor-skills-plugin

Risposte rapide

Che cos'è debug:angular?

Esegui il debug sistematico delle applicazioni Angular con tecniche diagnostiche di livello esperto. Questa competenza fornisce una guida completa per la risoluzione degli errori di inserimento delle dipendenze, problemi di rilevamento delle modifiche (NG0100), perdite di abbonamenti RxJS, errori di caricamento lento, problemi zone.js ed errori comuni di runtime Angular. Include una metodologia di debug strutturata in quattro fasi, l'utilizzo di Angular DevTools, utilità di debug della console (ng.probe) e strategie di profilazione delle prestazioni per le moderne applicazioni Angular. Fonte: snakeo/claude-debug-and-refactor-skills-plugin.

Come installo debug:angular?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/snakeo/claude-debug-and-refactor-skills-plugin