SkillProof tested Claude skills

Angular Material Developer

Guía de theming y componentes de Angular Material M3, desvía correctamente de la API M2 deprecada

Por mofirojean · mofirojean/angular-ui-skills

Probado · Funciona ★ 8.4/10

Angular Material Developer — Guía de theming y componentes de Angular Material M3, desvía correctamente de la API M2 deprecada

Qué hace

Genera código Angular Material v19-v22 y responde preguntas sobre theming/componentes/CDK/formularios/accesibilidad para proyectos Angular, detectando si un proyecto usa el motor moderno mat.theme() M3 o la API heredada mat.define-light-theme() M2 antes de responder. Se activa con cualquier mención de Angular Material, mat-*, o M3/Material-3, o cuando package.json contiene @angular/material. Los 12 archivos de referencia mencionados residen dentro de la propia carpeta de la habilidad; se recomienda una habilidad complementaria 'angular-developer' pero no es obligatoria.

Informe de la prueba

Verificado contra el registro npm en vivo y la propia fuente de Angular: la habilidad desvía correctamente a los agentes de la API M2 mat.define-light-theme() deprecada y los dirige a mat.theme(), pero su propia ruta de configuración principal (`provideAnimationsAsync()`) lleva una etiqueta `@deprecated 20.2 ... Intent to remove in v23` en la fuente de Angular que la habilidad nunca menciona, a pesar de apuntar explícitamente a v22 como actual; también fecha incorrectamente el lanzamiento de @angular/material@22.0.2 (afirma 2026-06-03, npm muestra que esa fecha pertenece a 21.2.14, y 22.0.2 se envió realmente el 2026-06-17).

Probado el: 2026-07-14 · Claude Code 2.x (agent harness)

Instalación

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

Comandos y prompts de ejemplo

  • /angular-material-developerGuía de theming y componentes de Angular Material M3, desvía correctamente de la API M2 deprecada

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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

Informe completo →