Angular Architect

Buduje szkielety samodzielnych komponentów Angular 17+, store'ów NgRx i wzorców RxJS z testami.

Autor: Jeffallan · Jeffallan/claude-skills

Testowano · Działa ★ 9.2/10

Angular Architect — Buduje szkielety samodzielnych komponentów Angular 17+, store'ów NgRx i wzorców RxJS z testami.

Co robi ten skill

Generuje samodzielne komponenty Angular 17+ z wejściami/wyjściami opartymi na sygnałach, stan NgRx (akcje/reducery/selektory) i wzorce RxJS z wykrywaniem zmian OnPush. Uruchamia się, gdy użytkownik prosi o zbudowanie funkcji w Angular 17+, skonfigurowanie store'ów NgRx, ustawienie leniwego routingu z guardami albo dostrojenie wydajności i testów aplikacji Angular. W komplecie pięć plików referencyjnych dla konkretnych tematów (komponenty, RxJS, NgRx, routing, testy), ładowanych na żądanie zamiast rozdymać główny SKILL.md.

Raport z testu

Komponent bez skilla domyślnie użył przestarzałych dekoratorów @Input()/@Output(); wersja ze skillem użyła nowoczesnych API opartych na sygnałach z jawnym OnPush — realny zysk modernizacyjny, nie tylko stylistyczny.

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

Instalacja

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

Komendy i przykładowe prompty

/angular-architectBuduje szkielety samodzielnych komponentów Angular 17+, store'ów NgRx i wzorców RxJS z testami.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →