Menu
Angular 17+ gotchas and decision criteria. Covers signals vs observables, standalone patterns, and common pitfalls Claude gets wrong.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
CRITICAL: MUST run for EVERY message. Detects agent, complexity, AND model automatically. Without this, tasks route to wrong agents and use wrong models, degrading quality and wasting tokens.
5 techniques for different problem types. Use when stuck or facing complex challenges.
Structured thinking process for complex analysis. Supports revision, branching, and dynamic adjustment.
Designs RESTful APIs with endpoint naming, versioning strategies (URL path, header-based), pagination (offset and cursor), error response schemas, and OpenAPI conventions. Use when the user asks about REST API design, creating endpoints, URL structure, API versioning, status codes, Swagger, or OpenAPI specs.
Fast bug fixes with root cause investigation + TDD. Enforces 'no fix without root cause' discipline and verification protocol. Without this skill, fixes are applied at symptoms instead of sources, and bugs return.
Draft → generate verification questions → answer independently via tools → revise. Catches hallucinated facts in reports and reviews. MANDATORY for Phase 4 security/test claims. Paper: Dhuliawala et al. 2023.
| name | angular-expert |
| description | Angular 17+ gotchas and decision criteria. Covers signals vs observables, standalone patterns, and common pitfalls Claude gets wrong. |
| autoInvoke | false |
| priority | high |
| triggers | ["angular","ngrx","rxjs","angular.json"] |
| paths | ["**/*.component.ts","**/*.service.ts","**/*.module.ts","angular.json"] |
| allowed-tools | Read, Grep, Glob, Edit, Write |
| user-invocable | false |
AI-consumed reference. Optimized for Claude to read during execution. Human-readable explanation: see docs/architecture/HIERARCHICAL_PLANNING.md or docs/getting-started/ depending on topic.
Use Context7 for full Angular docs.
decisions[4]{choice,use_when}:
Signals vs Observables,"Signals for sync UI state. Observables for async streams/HTTP. Bridge with toSignal()/toObservable()"
NgRx vs Signals,"NgRx for complex shared state with effects. Signals for component/simple app state"
Standalone vs Module,"Always standalone (Angular 17+). Modules only for legacy"
OnPush vs Default,"Always OnPush. Requires immutable patterns"
@for requires track — use track item.id not trackBy functiontakeUntilDestroyed(this.destroyRef) must be called in injection context (constructor or field init)toSignal() returns Signal<T | undefined> — handle the undefinedNonNullableFormBuilder for typed forms — plain FormBuilder loses types@defer (on viewport) needs @placeholder block or nothing rendersinject() not constructor DI