Angular Architect

Génère des composants Angular 17+ standalone, des stores NgRx et des patrons RxJS avec tests.

par Jeffallan · Jeffallan/claude-skills

Testé · Fonctionne ★ 9.2/10

Angular Architect — Génère des composants Angular 17+ standalone, des stores NgRx et des patrons RxJS avec tests.

Ce que fait

Génère des composants Angular 17+ standalone avec entrées/sorties basées sur les signaux, un état NgRx (actions/reducers/selectors), et des patrons RxJS utilisant la détection de changement OnPush. Se déclenche quand un utilisateur demande de construire des fonctionnalités Angular 17+, de mettre en place des stores NgRx, de configurer un routage à chargement paresseux avec guards, ou d'optimiser les performances et les tests d'une application Angular. Livré avec cinq fichiers de référence thématiques (composants, RxJS, NgRx, routage, tests) chargés à la demande plutôt que d'alourdir le SKILL.md principal.

Rapport de test

Un composant non guidé revenait par défaut aux décorateurs @Input()/@Output() classiques ; la version skill utilisait des API modernes basées sur les signaux avec OnPush explicite - un vrai gain de modernisation, pas seulement stylistique.

Testé le: 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

Commandes et exemples de prompts

  • /angular-architectGénère des composants Angular 17+ standalone, des stores NgRx et des patrons RxJS avec tests.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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