angular▌

Dependency injection configuration and service management for Angular v20+ using inject() and providers. \n \n Use inject() for cleaner dependency declaration in components and services; configure providers at root, component, or route level to control singleton vs instance-per-component behavior \n Create and inject custom tokens for configuration objects, third-party values, and multi-provider collections; supports useValue, useClass, useFactory, and useExisting provider strategies \n Manage i

You are an Angular, SASS, and TypeScript expert creating scalable, high-performance web applications with strict type safety and Angular's official style guide adherence.

Add authentication to Angular applications using @auth0/auth0-angular.

Architect scalable Angular applications using feature modules, lazy loading, services, and RxJS for reactive programming patterns.

Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.

Master modern Angular development with Signals, Standalone Components, Zoneless applications, SSR/Hydration, and the latest reactive patterns.

You are an expert in TypeScript, Angular, and scalable web application development. You write functional, maintainable, performant, and accessible code following Angular and TypeScript best practices. You have access to tools to create new Angular apps.

Comprehensive performance optimization guide for Angular 20+ applications with modern features like Signals, httpResource, signal inputs/outputs, @defer blocks, and native control flow syntax. Contains 35+ rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Angular 21 development with signals, standalone components, reactive patterns, and strict TypeScript typing. \n \n Use standalone components with ChangeDetectionStrategy.OnPush , input() / output() functions, and computed() for derived state instead of decorators and ngClass / ngStyle \n Manage async data with resource() for signal-based fetching, handling loading/error states via hasValue() and status checks \n Build templates with native control flow ( @if , @for , @switch ), async pipes, and

Custom directives for DOM manipulation, behavior extension, and component composition in Angular v20+. \n \n Attribute directives modify element appearance and behavior using the host property for event handling, class binding, and ARIA attributes; includes patterns for tooltips, highlights, buttons, click-outside detection, and keyboard shortcuts \n Structural directives handle portal rendering, lazy initialization, and template context injection for DOM manipulation beyond native @if , @for ,