Angular Material Developer

Angular Material M3 theming en component begeleiding, stuurt correct weg van de verouderde M2 API.

Door mofirojean · mofirojean/angular-ui-skills

Getest · Werkt ★ 8.4/10

Angular Material Developer — Angular Material M3 theming en component begeleiding, stuurt correct weg van de verouderde M2 API.

Wat het doet

Genereert Angular Material v19-v22 code en beantwoordt theming/component/CDK/forms/accessibility vragen voor Angular-projecten, detecteert of een project op de moderne mat.theme() M3 engine of de legacy mat.define-light-theme() M2 API draait voordat het antwoordt. Activeert bij elke Angular Material, mat-*, of M3/Material-3 vermelding, of wanneer package.json @angular/material bevat. Alle 12 gerefereerde referentiebestanden bevinden zich in de skill-map zelf; een begeleidende 'angular-developer' skill wordt aanbevolen maar is niet vereist.

Testrapport

Geverifieerd tegen de live npm registry en Angular's eigen bron: de skill stuurt agents correct weg van de verouderde mat.define-light-theme() M2 API en naar mat.theme(), maar het eigen primaire setup-pad (`provideAnimationsAsync()`) draagt een `@deprecated 20.2 ... Intent to remove in v23` tag in Angular's bron die de skill nooit vermeldt, ondanks het expliciet richten op v22 als huidig; het dateert ook de @angular/material@22.0.2 release verkeerd (beweert 2026-06-03, npm toont dat die datum hoort bij 21.2.14, en 22.0.2 werd feitelijk verzonden op 2026-06-17).

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

Installatie

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

Commando's en voorbeeldprompts

  • /angular-material-developerAngular Material M3 theming en component begeleiding, stuurt correct weg van de verouderde M2 API.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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