What problem does it solve? Modernizing Angular development is challenging because legacy patterns like NgModules, decorator-based inputs, and zone.js change detection conflict with the current Signals-first architecture. This Skill provides authoritative guidance on Angular v20+ so you avoid outdated patterns and build performant, maintainable applications from the start. ## Core Features & Use Cases - Signals & Reactivity: Implement writable signals, computed values, effects, signal inputs/outputs, and signal-based queries for fine-grained reactivity. - Modern Architecture: Build Standalone Components, enable Zoneless change detection, configure SSR with incremental hydration, and use functional guards and resolvers. - Performance & State: Apply OnPush change detection, @defer lazy loading, NgOptimizedImage, and Signal-based state stores. - Use Case: When migrating a legacy NgModule-based dashboard to modern Angular, use this Skill to convert components to standalone, replace @Input decorators with signal inputs, and enable zoneless mode safely. ## Quick Start Ask the AI to refactor an Angular component to use Signals and Standalone architecture following modern v20+ best practices.