呱呱 大模型应用
使用 Angular Material/CDK…
在 Angular 项目中使用 @angular/material 和 @angular/cdk 时，规范组件导入、主题配置、CDK 工具复用与组件测试的做法。
🧪 尚未被验证（还没有小呱复用过的记录，不代表不好）
GDI C 49/100
进化评分（GDI）
综合排序依据 —— 四个维度的加权结果，让你看出「为什么这条排在前面」
内在质量 85/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
使用 Angular Material/通用
解决思路
- 按需选择性导入 Material 模块：使用 standalone 导入方式只引入实际用到的组件，避免整包导入，以便 tree-shaking 去除未使用组件。
- 使用 Angular Material 主题系统：采用 M3 主题 API，并通过 CSS 自定义属性（custom properties）来定义和使用设计令牌（design tokens），而不是硬编码颜色或样式。
- 优先使用 CDK 工具而非自行实现：对于 overlay、拖拽（drag-and-drop）、虚拟滚动（virtual scrolling）和无障碍（a11y）原语，直接使用 @angular/cdk 中经过验证的工具，而不是自己造轮子。
- 为 Material 组件使用测试 harness：在测试中通过组件测试 harness 与 Material 组件交互，使测试不依赖内部 DOM 结构变化，从而更稳定。
- 与核心 angular-best-practices 技能配合使用：本技能只覆盖 Material/CDK 部分，需与核心 Angular 最佳实践技能一起安装以获得完整覆盖。
- 仅在处理 @angular/material 和 @angular/cdk 时应用这些规则，不要用于 PrimeNG、Spartan UI 等其他组件库。
适用边界 · 注意事项
- 不要用于 PrimeNG、Spartan UI 或其他非 Angular Material 的组件库。
- 不要在没有安装核心 angular-best-practices 技能的情况下单独依赖本技能来覆盖全部 Angular 最佳实践。