<!-- AUTO-GENERATED from SKILL.md frontmatters — do not edit manually -->
# angular Skills Index

## File Match (auto-check against the file you are editing)

| Skill | File pattern | Keywords |
| ----- | ------------ | -------- |
| **angular-architecture** | `angular.json` | angular components, standalone, feature module, lazy loading, loadComponent, loadChildren |
| **angular-components** | `**/*.component.ts`, `**/*.component.html` | angular component, standalone, input signal, output, @if, @for, ChangeDetectionStrategy, OnPush, Input, Output |
| **angular-dependency-injection** | `**/*.service.ts` | angular inject, providedIn, injection token, provideAppInitializer |
| angular-directives-pipes | `**/*.directive.ts`, `**/*.pipe.ts` | hostDirectives, PipeTransform, pure |
| angular-http-client | `**/*.service.ts`, `**/*.interceptor.ts` | HttpClient, HttpInterceptorFn, withInterceptors, httpResource, resource |
| angular-performance | `ChangeDetectionStrategy.OnPush` | @defer, NgOptimizedImage, runOutsideAngular, OnPush |
| **angular-routing** | `*.routes.ts` | angular router, loadComponent, canActivate, resolver |
| angular-ssr | `**/*.server.ts`, `server.ts` | hydration, transferState, afterNextRender, isPlatformServer, RenderMode |
| angular-state-management | `**/*.store.ts`, `**/state/**` | angular signals, signal store, computed, effect, linkedSignal |
| angular-testing | `**/*.spec.ts` | TestBed, ComponentFixture, TestHarness, provideHttpClientTesting |
| angular-tooling | `angular.json` | ng generate, ng build, ng serve, ng test, ng add, angular cli, bundle analysis |

## Keyword Match (only when user's request mentions these)

| Skill | Match when user mentions |
| ----- | ----------------------- |
| angular-forms | FormBuilder, FormGroup, FormControl, Validators, reactive forms, typed forms |
| angular-rxjs-interop | toSignal, toObservable, takeUntilDestroyed, rxjs angular |
| **angular-security** | DomSanitizer, innerHTML, bypassSecurityTrust, CSP, angular security, route guard |
| **angular-style-guide** | angular style, naming convention, file structure, angular-style-guide |

> Load matched skills: `<SKILLS>/angular/<skill>/SKILL.md`. Load ALL that match — the tier model already filters irrelevant ones.
