debug:angular
✓Debug Angular applications systematically with expert-level diagnostic techniques. This skill provides comprehensive guidance for troubleshooting dependency injection errors, change detection issues (NG0100), RxJS subscription leaks, lazy loading failures, zone.js problems, and common Angular runtime errors. Includes structured four-phase debugging methodology, Angular DevTools usage, console debugging utilities (ng.probe), and performance profiling strategies for modern Angular applications.
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 |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-06
- Updated
- 2026-02-18
Quick answers
What is debug:angular?
Debug Angular applications systematically with expert-level diagnostic techniques. This skill provides comprehensive guidance for troubleshooting dependency injection errors, change detection issues (NG0100), RxJS subscription leaks, lazy loading failures, zone.js problems, and common Angular runtime errors. Includes structured four-phase debugging methodology, Angular DevTools usage, console debugging utilities (ng.probe), and performance profiling strategies for modern Angular applications. Source: snakeo/claude-debug-and-refactor-skills-plugin.
How do I install debug:angular?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:angular Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-06