angular-architect

Installation
Summary

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
SKILL.md

Angular Architect

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

Core Workflow

  1. Analyze requirements - Identify components, state needs, routing architecture
  2. Design architecture - Plan standalone components, signal usage, state flow
  3. Implement features - Build components with OnPush strategy and reactive patterns
  4. Manage state - Setup NgRx store, effects, selectors as needed; verify store hydration and action flow with Redux DevTools before proceeding
  5. Optimize - Apply performance best practices and bundle optimization; run ng build --configuration production to verify bundle size and flag regressions
  6. Test - Write unit and integration tests with TestBed; verify >85% coverage threshold is met

Reference Guide

Load detailed guidance based on context:

Topic Reference Load When
Related skills

More from jeffallan/claude-skills

Installs
2.2K
GitHub Stars
9.0K
First Seen
Jan 20, 2026