@alfredoperez/angular-best-practices-material
>-
No skills found in this collection.
SKILL.md
| name | angular-best-practices-material |
| description | >- |
| license | MIT |
| tags | [angular, material, cdk, ui-components] |
| globs | **/*.ts, **/*.component.ts, **/*.scss |
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
Loading...
Select a file to preview
Analyzing security...
Checking scan reports and verification data.
Bill of Materials
Everything this skill can do — files, network, commands, and more.
No demos yet. To add one, ask your AI agent: "Submit a demo for @alfredoperez/angular-best-practices-material" — or upload via the API.
To add a demo, ask your AI agent: "Submit a demo for @alfredoperez/angular-best-practices-material"
No eval data yet. Eval results are published via the SkillSafe API.