Configures and governs Angular Extended Diagnostics with a progressive severity policy so template correctness issues are surfaced without turning upgrades into brittle compile…
Reviews Angular component testing patterns for Angular 17+ projects, focusing on modern template syntax awareness, stable component contracts, and contract-focused tests.
Replace TestBed.get with TestBed.inject in Angular tests. Use when older tests still rely on TestBed.get and need a small, controlled modernization step.
Convert AngularJS directives into Angular components or directives as appropriate. Use when legacy directive behavior blocks migration or makes the DOM contract unstable.
Move routing from AngularJS to a hybrid Angular and AngularJS setup when both frameworks must coexist during migration.
Inventory AngularJS applications before migration to Angular. Use when the repo still contains controllers, scopes, directives, filters, services, routes, templates, or ngUpgrade…
Performs the Angular 9.x to Angular 10.2.x major-hop upgrade in a bounded, critical compatibility slice with Ivy, DI, Material, TypeScript, and validation-gate checks.
Reviews Angular Router behavior changes in Angular 15 around outlet timing, route matching, and navigation assumptions.
Update service worker code to Angular v13 SwUpdate APIs and behavior. Use when update lifecycle handling still depends on deprecated properties or events.
Migrate Angular SSR and platform-server code to Angular 18 after an Angular 18 upgrade when the app uses Universal, prerender, TransferState, platform-server bootstrapping, or…
Review Angular 19 standalone-by-default compatibility for NgModule-heavy apps after an Angular 19 upgrade when declarations, imports, shared modules, or library modules still rely…
Reviews Angular Material v15 theme, density, and typography changes, including custom styles, mixins, and MDC class name impacts.
Classify Angular 22 risks by domain, severity, validation need, and PR slicing recommendation. For Angular 22 projects and 21-to-22 upgrade planning.
Upgrade an Angular application from Angular 15.x to Angular 16.x using a controlled major-hop process.
Use when creating API services for backend communication with proper patterns for caching, error handling, and type safety. — from engineering/frontend
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimi — from…
Enterprise Angular development expert specializing in Angular 16+ features, Signals, Standalone Components, and RxJS/NgRx at scale.
Angular architecture: Scope Rule, project structure, file naming, style guide. Trigger: When structuring Angular projects or deciding where to place components.
Tester l'asynchrone Angular (timers, debounce, animations, stabilité de fixture) selon le régime zone du projet — zoneless vs zone.js.
Angular performance optimization and best practices guide. Use when writing, reviewing, or refactoring Angular code for optimal performance, bundle size, and rendering efficiency.
Create components using Angular CDK utilities including drag-drop, overlay, portal, scrolling, a11y, clipboard, and platform detection for ng-events project
Standardy pisania kodu Angular 20 w tym zespole — SCSS, HTML, TypeScript. Wczytaj ZAWSZE gdy użytkownik prosi o: stworzenie lub modyfikację komponentu, serwisu, pipe'a, dyrektywy,…
Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings,…
Frontend conventions for Angular projects: standalone components, features, error capture, styles. Use when implementing or reviewing code in Angular frontends.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal,…
Angular development patterns including modules, components, services, dependency injection, signals, and enterprise architecture.
Implement dependency injection in Angular v20+ using inject(), injection tokens, and provider configuration.
Create custom directives in Angular v20+ for DOM manipulation and behavior extension. Use for attribute directives that modify element behavior/appearance, structural directives…
Angular framework expert including components, services, RxJS, templates, and testing
Run `extract-i18n`, merge `messages.xlf` into `messages.{lang}.xlf` files, and propose default translations for new `trans-unit` entries.
Use when creating reactive forms with validation, async validators, dependent validation, and FormArrays using platform patterns. — from trackmind-ai/sdlc-atlas
Build signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field state management, and…
Build and implement Angular 18 standalone components, TypeScript services with Signals and RxJS, routing with guards, and Tailwind CSS styling for Photo Map MVP.
Développement d'applications Angular avec modules, composants, services, RxJS, routing et formulaires réactifs.
Implement HTTP data fetching in Angular v20+ using resource(), httpResource(), and HttpClient. Use for API calls, data loading with signals, request/response handling, and…
Integrate HttpClient, Interceptors, and API interactions in Angular. Use when integrating HttpClient, writing interceptors, or handling API calls in Angular.
Use when working with Angular Material components, theming, or styling. Triggers on requests involving "material", "theme", "mat-", buttons, dialogs, forms, tables, or UI…
Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates.
Design Angular modules using feature modules, lazy loading, and dependency injection. Use when organizing large Angular applications with proper separation of concerns.
Angular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, images, or lazy loading.
Angular 21 + PrimeNG 企業應用開發最佳實踐。適用於 MES、ERP 等企業級應用開發。涵蓋元件設計、狀態管理、效能優化、PrimeNG 元件使用規範。
Project-specific Angular skill override. Extends angular-senior with this project's version and API protocol.
Migrate Angular SSR code from renderModuleFactory to renderModule. Use when server rendering still depends on the older factory-based API.
Angular Router for navigation, routing configuration, route guards, lazy loading, and parameter handling.
Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters.
Add or repair runtime localization in Angular 20 applications with a minimal setup using `@ngx-translate/core` and JSON locale files.
Doctrine et footguns Signal Forms Angular (stable en v22, `@angular/forms/signals`) — quand préférer Signal Forms à Reactive/Template forms, validation au bord du formulaire,…
Implement signal-based reactive state management in Angular v20+. Use for creating reactive state with signal(), derived state with computed(), dependent state with…
Guides expert-level angular signals patterns implementation: typescript and frameworks decision frameworks, production-ready patterns, and concrete templates for angular signals…
Angular 21.x SPA development skill with TailwindCSS 4.x and daisyUI 5.5.5. Use when building Angular standalone components, services, lazy-loaded routes, unit tests, or creating…
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only…
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating…
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, and selectors. — from engineering/frontend
Write unit and integration tests for Angular v21+ applications using Vitest or Jasmine with TestBed, component harnesses, and modern testing patterns.
Use Angular CLI and development tools effectively in Angular v20+ projects. Use for project setup, code generation, building, testing, and configuration.
Angular is a TypeScript-based web application platform by Google providing dependency injection, declarative templates, a powerful CLI, and comprehensive libraries for routing,…
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
Best practices for Angular unit testing with Jest in the blueprint frontend. Use this when writing or reviewing Angular/TypeScript spec files.
Develop Angular v21 components, services, and directives with signals. Use when implementing standalone components, OnPush change detection, inject() function, and…