Angular Material

A solid reference for Angular Material v21 that covers the latest additions like Angular Aria for headless components and the switch to native browser popovers in CDK overlays. The skill pushes you toward standalone components and includes practical guidance on CDK virtual scroll and drag-drop improvements. What's helpful here is the clear emphasis on when to use CDK primitives over styled Material components, plus the performance tips around OnPush and trackBy. The theming and accessibility notes are brief but point you in the right direction. If you're building Angular UIs with Material Design, this gives you the current API landscape without drowning you in documentation.

skills.sh installs: 233
GitHub stars: 7
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-material --agent claude-code

Installs into .claude/skills of the current project.

Files

@angular/material & @angular/cdk

Version: 21.0.3 (Feb 2026) Tags: Material Design, CDK, Components, UI Library

References: Docs — components, guides • CDK Docs • GitHub Issues • Changelog

API Changes

This section documents recent version-specific API changes.

NEW: Angular Aria — New low-level component library for accessible, headless components that can be styled custom source
NEW: CDK overlays now use browser's built-in popovers for improved accessibility source
NEW: Material Design system tokens — Use utility classes to apply Material tokens directly in templates source
NEW: CDK Drag & Drop improvements — Allow copying items between lists source
NEW: Angular v21 — Full support for new Angular features including zoneless change detection