Angular Architect

If you're building Angular 17+ apps with standalone components and signals, this generates the boilerplate and wires up the patterns you'd otherwise copy from your last project. It handles NgRx store setup with actions, reducers, and selectors, implements lazy loading with guards, and enforces OnPush change detection with proper RxJS subscription management using takeUntilDestroyed. The workflow includes verification steps like checking Redux DevTools before proceeding and running production builds to catch bundle regressions. It's opinionated about the 85% test coverage threshold and strict TypeScript, which is either exactly what you need for enterprise work or overkill for prototypes. Created by Jeff Allan, MIT licensed.

skills.sh installs: 5.1K
GitHub stars: 12.3K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add jeffallan/claude-skills --skill angular-architect --agent claude-code

Installs into .claude/skills of the current project.

Files

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