Angular framework patterns, standalone components, Signals, and dependency injection. Use when building Angular apps, components, services, or migrating from NgModules.
Installs into .claude/skills of the current project.
Are you the author of Angular?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/skeletorflet-angular)
---
name: angular
description: Angular framework patterns, standalone components, Signals, and dependency injection. Use when building Angular apps, components, services, or migrating from NgModules.
---
## angular
### Core Concepts
- Standalone components: default since v15, no NgModules needed
- Signals: signal(), computed(), effect() for reactive state without Zone.js
- Dependency injection: inject() function, @Injectable() providers
- RxJS integration: Observables, async pipe, operators for async workflows
- Directives: structural (*ngIf, *ngFor) and attribute ([ngClass], [ngStyle])
### Common Patterns
- Smart + dumb component separation with @Input/@Output signals
- Lazy loading routes with loadComponent in standalone setup
- Reactive forms with FormBuilder, validators, and valueChanges
- HTTP interceptors for auth headers and error handling
- Content projection with ng-content and multi-slot projection
### Best Practices
- Prefer signals over RxJS for state, keep RxJS for event streams
- Use OnPush change detection with signals for performance
- Leverage inject() rather than constructor injection
- Keep components small, delegate logic to services
- Use Angular CLI for code generation and schematics
### Common Code Patterns
- Standalone component with signal-based state management
- Route guard as injectable function returning Observable/boolean
- Typed reactive form with FormGroup and validation
