angular-architect
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps.
npx skills add Jeffallan/claude-skills --skill angular-architect --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 | |-------|-----------|-----------| | Components | `references/components.md` | Standalone components, signals, input/output | | RxJS | `references/rxjs.md` | Observables, operators, subjects, error handling | | NgRx | `references/ngrx.md` | Store, effects, selectors, enti
- Core Workflow
- Reference Guide
- Key Patterns
- Standalone Component with OnPush and Signals
- RxJS Subscription Management with takeUntilDestroyed
- NgRx Action / Reducer / Selector
- Constraints
- MUST DO
- MUST NOT DO
- Output Templates
What does the angular-architect skill do?
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps.
How do I install it?
Run `npx skills add Jeffallan/claude-skills --skill angular-architect --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From Jeffallan/claude-skills, a repository with 10,871 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.