SkillProof tested Claude skills

Angular Architect

Skapar grundstommen för fristående Angular 17+-komponenter, NgRx-stores och RxJS-mönster med tester.

av Jeffallan · Jeffallan/claude-skills

Testad · Fungerar ★ 9.2/10

Angular Architect — Skapar grundstommen för fristående Angular 17+-komponenter, NgRx-stores och RxJS-mönster med tester.

Vad den gör

Genererar fristående Angular 17+-komponenter med signalbaserade inputs/outputs, NgRx-state (actions/reducers/selectors) och RxJS-mönster med OnPush-förändringsdetektering. Aktiveras när en användare ber om att bygga Angular 17+-funktioner, sätta upp NgRx-stores, konfigurera lazy-loaded routing med guards, eller finjustera prestanda och tester för en Angular-app. Levereras med fem ämnesspecifika referensfiler (komponenter, RxJS, NgRx, routing, testning) som laddas vid behov istället för att svälla ut huvud-SKILL.md.

Testrapport

En oguidad komponent föll tillbaka på gamla @Input()/@Output()-dekoratorer; skillversionen använde moderna signalbaserade API:er med explicit OnPush - en verklig moderniseringsvinst, inte bara stil.

Testad: 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

Kommandon och exempelprompter

  • /angular-architectSkapar grundstommen för fristående Angular 17+-komponenter, NgRx-stores och RxJS-mönster med tester.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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

Läs hela rapporten →