SkillProof tested Claude skills

Angular Architect

Genera componenti standalone Angular 17+, store NgRx e pattern RxJS, con test inclusi.

di Jeffallan · Jeffallan/claude-skills

Promosso ★ 9.2/10

Angular Architect — Genera componenti standalone Angular 17+, store NgRx e pattern RxJS, con test inclusi.

Cosa fa

Genera componenti standalone Angular 17+ con input/output basati su signal, stato NgRx (action/reducer/selector) e pattern RxJS con change detection OnPush. Si attiva quando l'utente chiede di costruire feature Angular 17+, impostare store NgRx, configurare routing lazy-loaded con guard, o ottimizzare performance e test di un'app Angular. Include cinque file di riferimento specifici per argomento (componenti, RxJS, NgRx, routing, test) caricati on demand invece di appesantire il SKILL.md principale.

Rapporto di test

Un componente senza guida è ricaduto sui vecchi decoratori @Input()/@Output(); la versione guidata dallo skill ha usato API moderne basate su signal con OnPush esplicito - un vero guadagno di modernizzazione, non solo di stile.

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

Installazione

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

Comandi e prompt di esempio

  • /angular-architectGenera componenti standalone Angular 17+, store NgRx e pattern RxJS, con test inclusi.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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

Rapporto completo →