Angular Material Developer

Wskazówki dotyczące motywowania i komponentów Angular Material M3, prawidłowo odsuwa od przestarzałego API M2.

Autor: mofirojean · mofirojean/angular-ui-skills

Testowano · Działa ★ 8.4/10

Angular Material Developer — Wskazówki dotyczące motywowania i komponentów Angular Material M3, prawidłowo odsuwa od przestarzałego API M2.

Co robi ten skill

Generuje kod Angular Material v19-v22 i odpowiada na pytania dotyczące motywowania/komponentów/CDK/formularzy/dostępności dla projektów Angular, wykrywając, czy projekt używa nowoczesnego silnika mat.theme() M3, czy starszego API mat.define-light-theme() M2 przed udzieleniem odpowiedzi. Uruchamia się na każdą wzmiankę o Angular Material, mat-*, lub M3/Material-3, lub gdy package.json zawiera @angular/material. Wszystkie 12 odwołujących się plików referencyjnych znajduje się w folderze umiejętności; zalecana jest towarzysząca umiejętność 'angular-developer', ale nie jest wymagana.

Raport z testu

Zweryfikowano względem aktywnego rejestru npm i własnego źródła Angulara: umiejętność poprawnie odsuwa agentów od przestarzałego API mat.define-light-theme() M2 i kieruje ich na mat.theme(), ale jej własna główna ścieżka konfiguracji (`provideAnimationsAsync()`) zawiera tag `@deprecated 20.2 ... Intent to remove in v23` w źródle Angulara, o którym umiejętność nigdy nie wspomina, mimo że wyraźnie celuje w v22 jako aktualną; błędnie podaje również datę wydania @angular/material@22.0.2 (twierdzi 2026-06-03, npm pokazuje, że ta data należy do 21.2.14, a 22.0.2 faktycznie wysłano 2026-06-17).

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

Instalacja

git clone https://github.com/mofirojean/angular-ui-skills
cd angular-ui-skills
mkdir -p ~/.claude/skills
cp -r skills/angular-material-developer ~/.claude/skills/angular-material-developer

Komendy i przykładowe prompty

/angular-material-developerWskazówki dotyczące motywowania i komponentów Angular Material M3, prawidłowo odsuwa od przestarzałego API M2.

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

Set up Material 3 theming for my Angular app
Build a login form with MatFormField and MatButton
Migrate this Angular Material theme off the old M2 API

Pełny raport →