Skills
.Work. You
Rest

debug:angular

Community

Diagnose Angular apps with expert debugging.

Software Engineering#debugging#angular#rxjs#change-detection#angular-devtools#ng.probe#zone.js
AuthorSnakeO
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers often struggle to identify root causes of Angular runtime errors, wasting time on trial-and-error debugging. This Skill provides a structured, developer-friendly approach to diagnose and resolve issues quickly.

Core Features & Use Cases

  • Structured debugging methodology: Four-phase process to reproduce, analyze, fix, and prevent regressions.
  • Developer tooling guidance: How to use Angular DevTools, ng.probe, and console debugging utilities to inspect components, injectors, and change detection.
  • Common error handling: Guidance for DI errors, NG0100, circular dependencies, lazy loading failures, and Zone.js issues across Angular apps.
  • Use Case: When you encounter a runtime error such as ExpressionChangedAfterItHasBeenCheckedError, follow the steps to isolate and resolve quickly.

Quick Start

Start debugging an Angular issue by enabling Angular DevTools in development mode, reproducing the bug, and following the four-phase workflow. Then apply the recommended checks and patterns to stabilize the app.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: debug:angular
Download link: https://github.com/SnakeO/claude-debug-and-refactor-skills-plugin/archive/main.zip#debug-angular

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.