用途:审查并修复 UI 动画性能问题,适用于新增或修改 CSS、WAAPI、Motion、rAF、GSAP 动画,重构卡顿交互,实现滚动联动或滚动显现,以及动画布局、滤镜、遮罩、渐变或 CSS 变量时。
主要能力:按优先级给出规则,包括关键级“绝不”模式(同一帧内不交错布局读写、不用 scrollTop/scrollY/scroll 事件驱动动画、rAF 循环必须有停止条件、不混用多套测量或修改布局的动画系统)、机制选择(默认用 transform 与 opacity)、测量(先批量读后写、优先 FLIP)、滚动(优先 Scroll/View Timelines 与 IntersectionObserver,离屏暂停)、绘制、图层(will-change 临时且精准使用)、模糊与滤镜(模糊动画不超过 8px,不连续动画模糊)、视图过渡与工具边界(未经明确要求不迁移动画库)。
使用方式:输入 /fixing-motion-performance 将约束应用到当前对话中的 UI 动画工作;输入 /fixing-motion-performance <file> 按规则审查文件,报告违规行或片段、原因与具体修复建议。
限制:不迁移或重写动画库,除非明确要求;须在现有动画系统内应用规则,不部分迁移 API 或在同一组件混用风格。资料未提供安装命令、收费与平台信息。