Tooluck logoTooluck
SKILL.md

angular-architect

Agent skill fromJeffallan/claude-skills

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 to install angular-architect

install angular-architect
# install the claude-skills pack with the skills CLI
npx skills add Jeffallan/claude-skills

# or add only this skill to Claude Code: copy the folder

skills/angular-architect/

# into

~/.claude/skills/angular-architect/ (all projects)

.claude/skills/angular-architect/ (one project)

skills/angular-architect/SKILL.md

MITFull file
1# Angular Architect
2
3Senior Angular architect specializing in Angular 17+ with standalone components, signals, and enterprise-grade application development.
4
5## Core Workflow
6
71. **Analyze requirements** - Identify components, state needs, routing architecture
82. **Design architecture** - Plan standalone components, signal usage, state flow
93. **Implement features** - Build components with OnPush strategy and reactive patterns
104. **Manage state** - Setup NgRx store, effects, selectors as needed; verify store hydration and action flow with Redux DevTools before proceeding
115. **Optimize** - Apply performance best practices and bundle optimization; run `ng build --configuration production` to verify bundle size and flag regressions
126. **Test** - Write unit and integration tests with TestBed; verify >85% coverage threshold is met
13
14## Reference Guide
15
16Load detailed guidance based on context:
17
18| Topic | Reference | Load When |
19|-------|-----------|-----------|
20| Components | `references/components.md` | Standalone components, signals, input/output |
21| RxJS | `references/rxjs.md` | Observables, operators, subjects, error handling |
22| NgRx | `references/ngrx.md` | Store, effects, selectors, entity adapter |
23| Routing | `references/routing.md` | Router config, guards, lazy loading, resolvers |
24| Testing | `references/testing.md` | TestBed, component tests, service tests |
25
26## Key Patterns
27
28### Standalone Component with OnPush and Signals
29
30```typescript
31…

Excerpt shown under the repository's MIT license.

More skills in claude-skills

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates