关于 angular-best-practices-material
面向 Angular 开发者的 Angular Material 和 CDK 实践指南，涵盖组件配置、主题、工具和测试。它补充 angular-best-practices，介绍选择性导入、M3 主题、CDK 工具及测试 Harness。
主要功能
- 01选择性使用独立导入
- 02使用 CSS 属性配置 M3 主题
- 03CDK 覆盖层与虚拟滚动
- 04Material 组件测试 Harness
适用场景
- 01配置 Material 组件
- 02设置 M3 主题
- 03使用 CDK 覆盖层或拖放工具
- 04测试 Material 组件
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/angular-best-practices-material确认已加载。
附带文件AGENTS.md
详细介绍
Angular Material 最佳实践
Angular Material 和 CDK 在组件使用、主题设置和测试方面的规则。与核心 angular-best-practices 技能搭配使用，可全面覆盖 Angular。
链接
适用场景
- 导入和配置 Material 组件
- 使用设计令牌设置 M3 主题
- 使用 CDK 工具处理覆盖层、拖放或虚拟滚动
- 为 Material 组件编写测试
规则
| 规则 | 影响 | 描述 |
|---|---|---|
| 有选择地导入 Material 模块 | MEDIUM | 使用独立导入对未使用的组件进行摇树优化 |
| 使用 Angular Material 主题系统 | MEDIUM | 使用包含 CSS 自定义属性的 M3 主题 API |
| 优先使用 CDK 工具，而非自定义实现 | MEDIUM | 使用经过实战检验的覆盖层、虚拟滚动和无障碍原语 |
| 使用 Material 组件测试工具 | HIGH | 编写稳定的测试，避免受内部 DOM 变更影响 |
安装
评论
支持 Markdown