Angular Best Practices Material
This is a companion skill for Angular Material and CDK work, meant to run alongside the core angular-best-practices skill from the same author. It pushes you toward selective imports for tree-shaking, the M3 theming API with design tokens, and CDK primitives instead of rolling your own overlay or virtual scroll logic. The test harness rule is the standout here: Material's harnesses let you write component tests that don't break when the internal DOM changes, which saves real maintenance time. Only activates for @angular/material and @angular/cdk code, so it won't interfere if you're using PrimeNG or another component library.
- skills.sh installs
- 522
- GitHub stars
- 36
- last updated
- Jun 3, 2026
Install
$ npx -y skills add alfredoperez/angular-best-practices --skill angular-best-practices-material --agent claude-codeInstalls into .claude/skills of the current project.
Files
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
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/alfredoperez/angular-best-practices
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from alfredoperez/angular-best-practices
All 10- Angular Best Practices Transloco342
- Angular Best Practices Rules Reviewer331
- Angular Best Practices Rule Creator312
- Angular Best Practices Spartan272
- Angular Best Practices Tanstack230
- Angular Best Practices1.5K
- Angular Best Practices Primeng951
- Angular Best Practices Ngrx601
- Angular Best Practices Signalstore579
Recommended
More Frontend Development
tauri-solidjsdifferent-ai/openworkTauri 2.x + SolidJS stack for OpenWork native app515skills.sh installs
responsive-designmanutej/luxor-claude-marketplaceMobile-first responsive design covering fluid layouts, media queries, flexbox, grid, viewport units, and responsive images513skills.sh installs
react-doctorposthog/posthogDiagnose and fix React codebase health issues. Use when reviewing React code, fixing performance problems, auditing security, or improving code quality.507skills.sh installs
