Angular Architect

Stilladserer Angular 17+ standalone-komponenter, NgRx-stores og RxJS-mønstre med tests.

Af Jeffallan · Jeffallan/claude-skills

Testet · Virker ★ 9.2/10

Angular Architect — Stilladserer Angular 17+ standalone-komponenter, NgRx-stores og RxJS-mønstre med tests.

Hvad det gør

Genererer Angular 17+ standalone-komponenter med signal-baserede inputs/outputs, NgRx-tilstand (actions/reducers/selectors) og RxJS-mønstre med OnPush change detection. Trigges når en bruger vil bygge Angular 17+-features, opsætte NgRx-stores, konfigurere lazy-loaded routing med guards, eller optimere Angular-app-performance og tests. Leveres med fem emnespecifikke referencefiler (komponenter, RxJS, NgRx, routing, testing), der indlæses efter behov i stedet for at gøre selve SKILL.md for stor.

Testrapport

En uguidet komponent defaultede til gamle @Input()/@Output()-decoratorer; skillets version brugte moderne signal-baserede API'er med eksplicit OnPush - en reel modernisering, ikke bare stil.

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

Installation

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

Kommandoer og eksempelprompter

  • /angular-architectStilladserer Angular 17+ standalone-komponenter, NgRx-stores og RxJS-mønstre med tests.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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