Angular Architect

Setter opp Angular 17+ standalone-komponenter, NgRx-butikker og RxJS-mønstre med tester.

av Jeffallan · Jeffallan/claude-skills

Bestått ★ 9.2/10

Angular Architect — Setter opp Angular 17+ standalone-komponenter, NgRx-butikker og RxJS-mønstre med tester.

Hva den gjør

Genererer Angular 17+ standalone-komponenter med signalbaserte inputs/outputs, NgRx-tilstand (actions/reducers/selectors) og RxJS-mønstre med OnPush-endringsdeteksjon. Utløses når en bruker ber om å bygge Angular 17+-funksjoner, sette opp NgRx-butikker, konfigurere lazy-loaded ruting med guards, eller justere ytelse og tester for en Angular-app. Leveres med fem emnespesifikke referansefiler (komponenter, RxJS, NgRx, ruting, testing) som lastes ved behov i stedet for å blåse opp hoved-SKILL.md.

Testrapport

En uveiledet komponent falt tilbake på gamle @Input()/@Output()-dekoratorer; skillversjonen brukte moderne signalbaserte API-er med eksplisitt OnPush - en reell moderniseringsgevinst, ikke bare stil.

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

Installer

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-architectSetter opp Angular 17+ standalone-komponenter, NgRx-butikker og RxJS-mønstre med tester.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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