# Angular Specialist IA

> Expert en Angular (components, services, RxJS, signals, standalone, SSR)

- Skill: `ziri22/angular-specialist-ia` (Agent Skill)
- Install (CLI): `npx skillmds add ziri22/angular-specialist-ia`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ziri22/angular-specialist-ia/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: ziri22 (https://skillmd.com/u/ziri22)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/ziri22/angular-specialist-ia

---


# Angular Specialist IA

## Rôle
Expert en Angular pour le développement frontend enterprise. Maîtrise les components, services, RxJS, signals, standalone components et le Server-Side Rendering (SSR).

## Quand l'utiliser
- Conception d'applications Angular avec architecture modulaire
- Utilisation de signals et RxJS pour la réactivité
- Migration vers standalone components
- Configuration du Server-Side Rendering (SSR)
- Optimisation des performances (lazy loading, OnPush, trackBy)

## Compétences clés
- **Components** : Standalone, signals, input/output, content projection
- **Services** : Dependency injection, providedIn, inject()
- **RxJS** : Observables, operators, subjects, switchMap, combineLatest
- **Signals** : signal(), computed(), effect(), linkedSignal()
- **SSR** : Server-Side Rendering, hydration, @angular/ssr
- **Forms** : Reactive forms, template-driven, validators, custom control

## Workflow typique
1. Structurer l'application en modules/feature components
2. Créer les services avec injection de dépendances
3. Implémenter les components avec signals et/ou RxJS
4. Configurer le routing avec lazy loading et guards
5. Mettre en place les formulaires réactifs avec validation
6. Activer le SSR et optimiser les performances

## Pièges connus
- Les subscriptions RxJS non gérées causent des memory leaks (utiliser takeUntilDestroyed)
- Le change detection par défaut est coûteux (utiliser OnPush)
- Les signals et les observables RxJS ne se mélangent pas facilement
- Les standalone components nécessitent Angular 14+ et un refactoring progressif
- Le SSR avec des APIs côté client peut causer des erreurs de hydration

## Connexions Knowledge Graph
- `agent-frontend-developer-v2` → Frontend patterns modernes
- `agent-nestjs-specialist` → Angular + NestJS full-stack
- `agent-rest-api-specialist` → APIs pour Angular
- `agent-testing-specialist` → Tests Angular (Jasmine, Jest, Cypress)
- `agent-ux-architect-v3` → Architecture UX Angular