A
angular-best-practices-material
About angular-best-practices-material
A set of Angular Material and CDK practices for developers configuring components, themes, utilities, and tests. It complements the angular-best-practices skill with guidance on selective imports, M3 theming, CDK utilities, and test harnesses.
Key features
- 01Selective standalone imports
- 02M3 theming with CSS properties
- 03CDK overlays and virtual scrolling
- 04Material component test harnesses
Use cases
- 01Configuring Material components
- 02Setting up M3 themes
- 03Using CDK overlay or drag-and-drop tools
- 04Testing Material components
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/angular-best-practices-materialin Claude Code to confirm it loaded.
Bundled filesAGENTS.md
Details
From the project READMEAngular Material Best Practices
Angular Material and CDK rules for component usage, theming, and testing. Use with the core angular-best-practices skill for comprehensive Angular coverage.
Links
When to Apply
- Importing and configuring Material components
- Setting up M3 theming with design tokens
- Using CDK utilities for overlays, drag-and-drop, or virtual scrolling
- Writing tests for Material components
Rules
| Rule | Impact | Description |
|---|---|---|
| Import Material Modules Selectively | MEDIUM | Tree-shake unused components with standalone imports |
| Use Angular Material Theming System | MEDIUM | M3 theme API with CSS custom properties |
| Use CDK Utilities Over Custom Implementations | MEDIUM | Battle-tested overlays, virtual scroll, and a11y primitives |
| Use Test Harnesses for Material Components | HIGH | Stable tests that survive internal DOM changes |
Install
Install from skills.sh/alfredoperez/angular-best-practices:
- Core skill: angular-best-practices
- This add-on: angular-best-practices-material
Comments
Markdown supported