用途
该技能用于在 Angular 项目中新增或重构涉及 @angular/material、@angular/cdk 或 @angular/animations 的 UI 代码。适用场景包括：使用 Material 组件库构建界面、构建浮层（overlay）、拖放（drag-drop）、虚拟滚动、焦点管理，以及动效/过渡行为。
主要能力与工作流
技能给出了一套工作流：
- 从满足需求的最简单 Material 组件开始；仅在必要时才下沉使用 CDK 基础原语。
- 保持输入/输出为信号优先（signal-first），避免在组件内部用 RxJS 管理状态。
- 如果使用 CDK 的浮层、焦点陷阱或观察者，需要明确所有权（ownership）并在销毁（destroy）时释放。
- 添加动效时：小状态变化使用 CSS 过渡；仅对需要协调的、复杂的过渡使用 @angular/animations；始终尊重 prefers-reduced-motion。
- 校验无障碍性：标签、焦点顺序、键盘操作和可见焦点。
使用方式
技能以“PR 就绪检查清单”的形式给出验收要点：
- 使用 M3 令牌（不使用原始十六进制颜色值或像素值）。
- 浮层、监听器和观察者均已清理。
- 存在减弱动效（reduced-motion）路径。
- 不添加无用户价值的、徒增复杂度的“花哨”拖拽或动画。
技能还列出了参考文件：
- .github/instructions/62-angular-core-ui-copilot-instructions.md
- .github/instructions/71-angular-material-cdk-animations-copilot-instructions.md
- .github/skills/material-design-3/skill.md
- .github/skills/angular-ecosystem/skill.md
适用场景
适用于采用 Angular Material、CDK 与动画模块，并希望与无 Zone、信号优先的 UI 以及 Material Design 3 令牌保持一致的 Angular 前端项目；特别涉及浮层、拖放、虚拟滚动、焦点管理和动效过渡的实现或重构。
限制
资料未提供具体的安装命令、版本要求、代码示例、收费方式或平台支持信息，暂未提供。