Angular Material Developer

Angular Material M3-tematisering och komponentvägledning, styr korrekt bort från det föråldrade M2 API:et.

av mofirojean · mofirojean/angular-ui-skills

Testad · Fungerar ★ 8.4/10

Angular Material Developer — Angular Material M3-tematisering och komponentvägledning, styr korrekt bort från det föråldrade M2 API:et.

Vad den gör

Genererar Angular Material v19-v22-kod och besvarar frågor om tematisering/komponenter/CDK/formulär/tillgänglighet för Angular-projekt, och upptäcker om ett projekt använder den moderna mat.theme() M3-motorn eller det äldre mat.define-light-theme() M2 API:et innan svar. Utlöses vid omnämnande av Angular Material, mat-* eller M3/Material-3, eller när package.json innehåller @angular/material. Alla 12 refererade referensfiler finns i själva skicklighetsmappen; en kompletterande 'angular-developer'-skicklighet rekommenderas men är inte obligatorisk.

Testrapport

Verifierades mot det live npm-registret och Angulars egen källa: skickligheten styr korrekt agenter bort från det föråldrade mat.define-light-theme() M2 API:et och till mat.theme(), men dess egen primära installationsväg (`provideAnimationsAsync()`) bär en `@deprecated 20.2 ... Intent to remove in v23`-tagg i Angulars källa som skickligheten aldrig nämner, trots att den explicit riktar sig mot v22 som aktuell; den feldaterar också @angular/material@22.0.2-releasen (påstår 2026-06-03, npm visar att det datumet tillhör 21.2.14, och 22.0.2 levererades faktiskt 2026-06-17).

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

Kommandon och exempelprompter

/angular-material-developerAngular Material M3-tematisering och komponentvägledning, styr korrekt bort från det föråldrade M2 API:et.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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 hela rapporten →