Angular Material Developer
Angular Material M3 theming a komponentní poradenství, správně se vyhýbá zastaralému M2 API.
Otestováno · Funguje
Co umí
Generuje kód Angular Material v19-v22 a odpovídá na otázky týkající se themingu/komponent/CDK/forms/přístupnosti pro Angular projekty, detekuje, zda je projekt na moderním M3 enginu mat.theme() nebo na starém M2 API mat.define-light-theme() před odpovědí. Spouští se při jakékoli zmínce Angular Material, mat-*, nebo M3/Material-3, nebo když package.json obsahuje @angular/material. Všech 12 odkazovaných referenčních souborů žije uvnitř samotné složky dovednosti; doporučená, ale ne povinná je doprovodná dovednost 'angular-developer'.
Testovací report
Ověřeno proti živému npm registru a vlastnímu zdrojovému kódu Angular: dovednost správně odvádí agenty od zastaralého M2 API mat.define-light-theme() k mat.theme(), ale její vlastní primární cesta nastavení (`provideAnimationsAsync()`) nese v Angular zdrojovém kódu tag `@deprecated 20.2 ... Intent to remove in v23`, který dovednost nikdy nezmiňuje, přestože explicitně cílí na v22 jako aktuální; také nesprávně uvádí datum vydání @angular/material@22.0.2 (tvrdí 2026-06-03, npm ukazuje, že toto datum patří 21.2.14, a 22.0.2 bylo skutečně vydáno 2026-06-17).
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
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
Příkazy a ukázkové prompty
/angular-material-developerAngular Material M3 theming a komponentní poradenství, správně se vyhýbá zastaralému M2 API.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
Set up Material 3 theming for my Angular appBuild a login form with MatFormField and MatButtonMigrate this Angular Material theme off the old M2 API