angular

Guides writing Angular 21+ applications with strict TypeScript and modular architecture.

1|Updated Apr 8, 2026
One-click install
npx skills add https://github.com/Domush/ai-agent-web-development-skills --skill angular-domush
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular
Source: https://github.com/Domush/ai-agent-web-development-skills/tree/main/skills/angular
Command: npx skills add https://github.com/Domush/ai-agent-web-development-skills --skill angular-domush

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Angular projects often accumulate technical debt through inline templates, untyped code, deprecated APIs like provideRoutes(), and monolithic components. This Skill provides reference guidance for building Angular 21+ applications with strict TypeScript, separated files, and migration-aware patterns. ## Core Features & Use Cases - Modern Angular Patterns: Enforces standalone components, provideRouter(), signal-based forms, and typed HttpClient usage for Angular 19 through 21+. - Good/Bad Code Examples: Supplies concrete comparisons for components, services, forms, error handling, and type safety to steer code reviews and refactors. - Version Migration Guidance: Includes curated Angular 19/20/21 changelog notes covering breaking changes, deprecations, and new APIs. - Use Case: When migrating an Angular 19 project to Angular 21, use this Skill to replace provideRoutes() with provideRouter(), adopt typed reactive forms, and restructure features into core/shared/features folders. ## Quick Start Use the angular skill to review my Angular component and refactor it to follow Angular 21 best practices with strict typing.

Frequently Asked Questions about angular

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure an Angular 21 project with best practices?▼

Organize the app into core/ for services and interceptors, shared/ for reusable UI and models, features/ for domain folders, and types/ for shared interfaces. Keep components small with separate .ts, .html, and .css files under 300 lines.

How to migrate from provideRoutes to provideRouter in Angular?▼

Replace provideRoutes(routes) with provideRouter(routes) inside bootstrapApplication() providers, since provideRoutes() is removed in Angular 22+. If you need a route token collection, use the ROUTES multi-token instead.

Should I use standalone components in Angular 21?▼

Yes, standalone components are the preferred pattern in Angular 21+ and pair with ApplicationConfig-friendly bootstrap. They simplify module management and align with the standalone-first direction since Angular 19.

What changed in Angular 20 and 21 for forms and signals?▼

Angular 20 stabilized incremental hydration and improved HttpClient fetch-like options, while Angular 21 added experimental signal forms with debounce() rules and FormArrayDirective. Signal-based APIs like resource() and rxResource() continue maturing from Angular 19.

Why should I avoid any types and as assertions in Angular services?▼

Using any and as assertions bypasses TypeScript's type checking and hides runtime errors. Instead, declare explicit interfaces like Article, type HttpClient responses with generics, and assign results to typed variables for compile-time safety.