alfredoperez/angular-best-practices · Archived

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.

First seen Feb 10, 2026

Installation

$ npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-material

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from alfredoperez/angular-best-practices · top by installs.

npx skills add alfredoperez/angular-best-practices

Browse all from alfredoperez/angular-best-practices

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 37
License MIT
Default branch main
Open issues 0
Status Archived

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.2.0
LicenseMIT
More metadata
author
alfredoperez
version
1.2.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,214 B
  • docs AGENTS.md 2,601 B
  • docs SUMMARY.md 352 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 440 installs

SKILL.md

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: