How do I install the Angular Best Practices Material skill?

Run npx skillmds@latest add lord1egypt/angular-best-practices-material in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Angular Best Practices Material safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Angular Best Practices Material?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Angular Best Practices Material free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Angular Best Practices Material?

Lord1Egypt (@lord1egypt) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Angular Best Practices Material by lord1egypt

Name: Angular Best Practices Material
Rating: 4.2 (5 reviews)
Author: Lord1Egypt

Angular Best Practices Material

Angular Material and CDK best practices. Covers selective imports, M3 theming, CDK utilities, and component test harnesses. Activates when working with @angular/material and @angular/cdk. Do not use for PrimeNG, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage.

Lord1Egypt Updated Sep 8, 2026 2 repo stars

File contents

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.

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

---name: angular-best-practices-materialdescription: Angular Material and CDK best practices. Covers selective imports, M3 theming, CDK utilities, and component test harnesses. Activates when working with @angular/material and @angular/cdk. Do not use for PrimeNG, Spartan UI, or other component libraries. Install alongside angular-best-practices for full coverage.license: MIT---# Angular Material Best PracticesAngular Material and CDK rules for component usage, theming, and testing. Use with the core[angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)skill for comprehensive Angular coverage.## Links- [Core Skill: angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)- [Browse All Skills](https://skills.sh/alfredoperez/angular-best-practices)- [GitHub Repository](https://github.com/alfredoperez/angular-best-practices)## 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 |## InstallInstall from [skills.sh/alfredoperez/angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices):- Core skill: [angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)- This add-on: [angular-best-practices-material](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices-material)

Frequently asked questions