angular-best-practices-material▌
alfredoperez/angular-best-practices · updated Apr 8, 2026
Angular Material and CDK rules for component usage, theming, and testing. Use with the core
- ›angular-best-practices
- ›skill for comprehensive Angular coverage.
Angular 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
Discussion
Product Hunt–style comments (not star reviews)- No comments yet — start the thread.
Ratings
4.8★★★★★28 reviews- ★★★★★Carlos Gupta· Dec 28, 2024
I recommend angular-best-practices-material for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
- ★★★★★Xiao Ramirez· Dec 24, 2024
Useful defaults in angular-best-practices-material — fewer surprises than typical one-off scripts, and it plays nicely with `npx skills` flows.
- ★★★★★Aisha Chen· Nov 19, 2024
Keeps context tight: angular-best-practices-material is the kind of skill you can hand to a new teammate without a long onboarding doc.
- ★★★★★Kaira Khan· Nov 15, 2024
angular-best-practices-material is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
- ★★★★★Harper Huang· Oct 10, 2024
angular-best-practices-material is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
- ★★★★★Emma Perez· Oct 6, 2024
Keeps context tight: angular-best-practices-material is the kind of skill you can hand to a new teammate without a long onboarding doc.
- ★★★★★Rahul Santra· Sep 25, 2024
I recommend angular-best-practices-material for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
- ★★★★★Camila Okafor· Sep 25, 2024
angular-best-practices-material reduced setup friction for our internal harness; good balance of opinion and flexibility.
- ★★★★★James Lopez· Sep 25, 2024
angular-best-practices-material has been reliable in day-to-day use. Documentation quality is above average for community skills.
- ★★★★★Chen Rao· Sep 1, 2024
Solid pick for teams standardizing on skills: angular-best-practices-material is focused, and the summary matches what you get after install.
showing 1-10 of 28