Angular Architect

Erstellt Angular-17+-Standalone-Komponenten, NgRx-Stores und RxJS-Patterns inklusive Tests.

Getestet · Funktioniert ★ 9.2/10

Was es kann

Erzeugt Angular-17+-Standalone-Komponenten mit signalbasierten Inputs/Outputs, NgRx-State (Actions/Reducer/Selectors) und RxJS-Patterns unter OnPush-Change-Detection. Reagiert, wenn Angular-17+-Features gebaut, NgRx-Stores aufgesetzt, Lazy-Loaded-Routing mit Guards konfiguriert oder Performance und Tests einer Angular-App optimiert werden sollen. Enthält fünf themenspezifische Referenzdateien (Components, RxJS, NgRx, Routing, Testing), die bei Bedarf geladen werden, statt das Haupt-SKILL.md aufzublähen.

Testbericht

Eine ungeführte Komponente griff standardmäßig auf die alten @Input()/@Output()-Decorators zurück; die Skill-Version nutzte moderne signalbasierte APIs mit explizitem OnPush – ein echter Modernisierungsgewinn, nicht nur Stilfrage.

Getestet am: 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

Befehle & Beispiel-Prompts

/angular-architectErstellt Angular-17+-Standalone-Komponenten, NgRx-Stores und RxJS-Patterns inklusive Tests.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →