Angular Material Developer

Angular Material M3 theming og komponentvejledning, styrer korrekt væk fra den forældede M2 API

Af mofirojean · mofirojean/angular-ui-skills

Testet · Virker ★ 8.4/10

Angular Material Developer — Angular Material M3 theming og komponentvejledning, styrer korrekt væk fra den forældede M2 API

Hvad det gør

Genererer Angular Material v19-v22 kode og besvarer theming/komponent/CDK/forms/tilgængelighedsspørgsmål for Angular-projekter, og detekterer om et projekt er på den moderne mat.theme() M3 motor eller den ældre mat.define-light-theme() M2 API før besvarelse. Triggers ved enhver Angular Material, mat-*, eller M3/Material-3 omtale, eller når package.json indeholder @angular/material. Alle 12 refererede filer lever inde i selve skill-mappen; en ledsagende 'angular-developer' skill anbefales, men er ikke påkrævet.

Testrapport

Verificeret mod det live npm-register og Angulars egen kildekode: skillen styrer agenter korrekt væk fra den forældede mat.define-light-theme() M2 API og over på mat.theme(), men dens egen primære opsætningssti (`provideAnimationsAsync()`) bærer en `@deprecated 20.2 ... Intent to remove in v23` tag i Angulars kildekode, som skillen aldrig nævner, på trods af eksplicit at målrette v22 som aktuel; den daterer også forkert @angular/material@22.0.2 udgivelsen (påstår 2026-06-03, npm viser den dato tilhører 21.2.14, og 22.0.2 blev faktisk udgivet 2026-06-17).

Testet: 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

Kommandoer og eksempelprompter

/angular-material-developerAngular Material M3 theming og komponentvejledning, styrer korrekt væk fra den forældede M2 API

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

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

Læs hele rapporten →