Angular Material Developer

Guide de theming et de composants Angular Material M3, évitant correctement l'API M2 dépréciée.

par mofirojean · mofirojean/angular-ui-skills

Testé · Fonctionne ★ 8.4/10

Angular Material Developer — Guide de theming et de composants Angular Material M3, évitant correctement l'API M2 dépréciée.

Ce que fait

Génère du code Angular Material v19-v22 et répond aux questions de theming/composants/CDK/formulaires/accessibilité pour les projets Angular, détectant si un projet utilise le moteur moderne mat.theme() M3 ou l'API héritée mat.define-light-theme() M2 avant de répondre. Se déclenche sur toute mention d'Angular Material, mat-*, ou M3/Material-3, ou lorsque package.json contient @angular/material. Les 12 fichiers de référence mentionnés résident dans le dossier de la compétence ; une compétence 'angular-developer' complémentaire est recommandée mais non obligatoire.

Rapport de test

Vérifié par rapport au registre npm en direct et à la source d'Angular : la compétence oriente correctement les agents loin de l'API M2 dépréciée mat.define-light-theme() et vers mat.theme(), mais son propre chemin de configuration principal (`provideAnimationsAsync()`) porte une balise `@deprecated 20.2 ... Intent to remove in v23` dans la source d'Angular que la compétence ne mentionne jamais, bien qu'elle cible explicitement la v22 comme actuelle ; elle date également incorrectement la version @angular/material@22.0.2 (prétend le 2026-06-03, npm montre que cette date appartient à 21.2.14, et 22.0.2 a en fait été livré le 2026-06-17).

Testé le: 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

Commandes et exemples de prompts

/angular-material-developerGuide de theming et de composants Angular Material M3, évitant correctement l'API M2 dépréciée.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →