Angular Material Developer

Angular Material M3 Theming- und Komponentenführung, lenkt korrekt von der veralteten M2 API ab

von mofirojean · mofirojean/angular-ui-skills

Getestet · Funktioniert ★ 8.4/10

Angular Material Developer — Angular Material M3 Theming- und Komponentenführung, lenkt korrekt von der veralteten M2 API ab

Was es kann

Generiert Angular Material v19-v22 Code und beantwortet Fragen zu Theming/Komponenten/CDK/Formularen/Zugänglichkeit für Angular-Projekte, indem es vor der Beantwortung erkennt, ob ein Projekt die moderne mat.theme() M3 Engine oder die veraltete mat.define-light-theme() M2 API verwendet. Wird ausgelöst bei jeder Erwähnung von Angular Material, mat-*, oder M3/Material-3, oder wenn package.json @angular/material enthält. Alle 12 referenzierten Referenzdateien befinden sich im Skill-Ordner selbst; ein begleitender 'angular-developer' Skill wird empfohlen, ist aber nicht erforderlich.

Testbericht

Gegen die Live-npm-Registry und Angulars eigene Quelle verifiziert: Der Skill lenkt Agenten korrekt von der veralteten mat.define-light-theme() M2 API auf mat.theme() um, aber sein eigener primärer Einrichtungspfad (`provideAnimationsAsync()`) trägt einen `@deprecated 20.2 ... Intent to remove in v23` Tag in Angulars Quelle, den der Skill nie erwähnt, obwohl er explizit v22 als aktuell anspricht; er datiert auch die @angular/material@22.0.2-Veröffentlichung falsch (behauptet 2026-06-03, npm zeigt, dass dieses Datum zu 21.2.14 gehört, und 22.0.2 wurde tatsächlich am 2026-06-17 ausgeliefert).

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

Installation

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

Befehle & Beispiel-Prompts

/angular-material-developerAngular Material M3 Theming- und Komponentenführung, lenkt korrekt von der veralteten M2 API ab

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

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

Vollständiger Testbericht (Englisch) →