Angular Architect

Scaffoldt Angular 17+ standalone components, NgRx-stores en RxJS-patronen, inclusief tests.

Door Jeffallan · Jeffallan/claude-skills

Getest · Werkt ★ 9.2/10

Angular Architect — Scaffoldt Angular 17+ standalone components, NgRx-stores en RxJS-patronen, inclusief tests.

Wat het doet

Genereert Angular 17+ standalone components met signal-gebaseerde inputs/outputs, NgRx-state (actions/reducers/selectors) en RxJS-patronen met OnPush change detection. Gaat aan wanneer iemand Angular 17+-features wil bouwen, NgRx-stores wil opzetten, lazy-loaded routing met guards wil configureren, of Angular-appperformance en -tests wil aanscherpen. Bevat vijf onderwerpspecifieke referentiebestanden (components, RxJS, NgRx, routing, testing) die on demand laden in plaats van de hoofd-SKILL.md op te blazen.

Testrapport

Een ongestuurd component viel standaard terug op verouderde @Input()/@Output()-decorators; de skillversie gebruikte moderne signal-gebaseerde API's met expliciete OnPush — een echte moderniseringswinst, niet alleen stijl.

Getest op: 2026-07-10 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/Jeffallan/claude-skills
cd claude-skills
mkdir -p ~/.claude/skills
cp -r skills/angular-architect ~/.claude/skills/angular-architect

Commando's en voorbeeldprompts

  • /angular-architectScaffoldt Angular 17+ standalone components, NgRx-stores en RxJS-patronen, inclusief tests.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Scaffold an Angular 17 standalone component with signal inputs
  • Set up an NgRx store with actions, reducers, and selectors
  • Configure lazy-loaded Angular routes with guards and OnPush