Angular Material Developer

Guida alla tematizzazione e ai componenti Angular Material M3, devia correttamente dall'API M2 deprecata.

di mofirojean · mofirojean/angular-ui-skills

Promosso ★ 8.4/10

Angular Material Developer — Guida alla tematizzazione e ai componenti Angular Material M3, devia correttamente dall'API M2 deprecata.

Cosa fa

Genera codice Angular Material v19-v22 e risponde a domande su tematizzazione/componenti/CDK/forms/accessibilità per progetti Angular, rilevando se un progetto utilizza il moderno motore mat.theme() M3 o l'API legacy mat.define-light-theme() M2 prima di rispondere. Si attiva su qualsiasi menzione di Angular Material, mat-*, o M3/Material-3, o quando package.json contiene @angular/material. Tutti i 12 file di riferimento citati risiedono all'interno della cartella skill stessa; una skill 'angular-developer' complementare è raccomandata ma non obbligatoria.

Rapporto di test

Verificato rispetto al registro npm live e al codice sorgente di Angular: la skill indirizza correttamente gli agenti dall'API M2 deprecata mat.define-light-theme() a mat.theme(), ma il suo percorso di setup primario (`provideAnimationsAsync()`) porta un tag `@deprecated 20.2 ... Intent to remove in v23` nel sorgente di Angular che la skill non menziona mai, nonostante miri esplicitamente a v22 come attuale; inoltre, data erroneamente il rilascio di @angular/material@22.0.2 (afferma 2026-06-03, npm mostra che quella data appartiene a 21.2.14, e 22.0.2 è stato effettivamente spedito il 2026-06-17).

Testato il: 2026-07-14 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

/angular-material-developerGuida alla tematizzazione e ai componenti Angular Material M3, devia correttamente dall'API M2 deprecata.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →