angular-material
Originally frompluginagentmarketplace/custom-plugin-angular
Installation
SKILL.md
The skill is based on Angular Material v21.x (v21.2.0-next.2), generated at 2026-01-31.
Angular Material is the official UI component library for Angular, implementing Material Design 3 (M3). It provides a comprehensive set of pre-built, accessible components along with the Component Dev Kit (CDK) for building custom components.
When to Apply
Use this skill when:
- Using Angular Material components (buttons, forms, dialogs, tables, etc.)
- Theming with Material Design 3 (M3) color palettes, typography, density
- Working with mat-form-field, inputs, select, autocomplete, or datepicker
- Implementing data tables with sorting, pagination, and filtering
- Creating dialogs, bottom sheets, snackbars, or tooltips
- Building navigation with sidenav, menus, tabs, or steppers
- Using CDK primitives (overlay, portal, drag-drop, virtual scrolling)
- Implementing accessible components with CDK a11y utilities
- Creating custom form field controls that integrate with mat-form-field
- Using component test harnesses for reliable testing
- Scaffolding components with Angular Material schematics
Related skills