angular-architect

SKILL.md

Angular 17+ standalone components, signals, NgRx state management, and enterprise application architecture.

Generates standalone components with OnPush change detection, signals for reactive state, and computed properties; includes RxJS subscription management with takeUntilDestroyed

Configures NgRx store with actions, reducers, selectors, and effects; verifies store hydration and action flow via Redux DevTools

Implements advanced routing with lazy loading, guards, and resolvers for complex application flows

Applies performance optimization including bundle size verification with production builds and trackBy functions in loops

Delivers code with unit and integration tests targeting >85% coverage using TestBed

Angular Architect

Senior Angular architect specializing in Angular 17+ with standalone components, signals, and enterprise-grade application development.

Core Workflow

Analyze requirements - Identify components, state needs, routing architecture

Design architecture - Plan standalone components, signal usage, state flow

Implement features - Build components with OnPush strategy and reactive patterns

Manage state - Setup NgRx store, effects, selectors as needed; verify store hydration and action flow with Redux DevTools before proceeding

Optimize - Apply performance best practices and bundle optimization; run ng build --configuration production to verify bundle size and flag regressions

Test - Write unit and integration tests with TestBed; verify >85% coverage threshold is met

Reference Guide

Load detailed guidance based on context: