What problem does it solve?
This Skill helps you design and implement enterprise-grade Angular 17+ applications without ending up with fragile architecture, inconsistent state handling, weak routing, or poor performance.
Core Features & Use Cases
- Standalone Angular 17+ architecture: Generates and structures standalone components using modern patterns suitable for large teams and long-lived codebases (signals, OnPush, input/output).
- NgRx state management setup: Creates a complete state flow using actions, reducers, selectors, and (when needed) effects, with entity adapter patterns for scalable state.
- Routing, guards, and testing guidance: Configures lazy-loaded routing strategies with guards/resolvers and provides test scaffolding to keep functionality reliable.
- RxJS reactive best practices: Applies robust RxJS patterns for subscription management, error handling, and operator selection to avoid memory leaks and logic flaws.
Use when you are building an Angular 17+ enterprise app with standalone components and signals, and you need predictable state, efficient navigation, and maintainable test coverage.
Quick Start
Generate the full Angular 17+ standalone component and enterprise routing for a new feature, including signals-based UI state, NgRx store structure (actions/reducer/selectors), RxJS patterns for data loading with safe cleanup, and unit tests with a coverage goal.