SuperAPI AI 工具集

fixing-motion-performance

设计与创作

查看项目

更新于 10-16 07:23

技能介绍

用途:fixing-motion-performance 用于在现有动画技术栈内修复和审查 UI 动画性能问题,不迁移动画库,除非明确要求。

主要能力:按优先级组织规则,涵盖九类:never patterns(禁止在同一帧交错布局读写、禁止用 scrollTop/scrollY 或滚动事件驱动动画、禁止无停止条件的 rAF 循环等)、选择机制(默认用 transform 和 opacity)、测量(先批量读后写、优先 FLIP)、滚动(优先 Scroll/View Timelines,用 IntersectionObserver 控制可见性与暂停)、paint、图层(will-change 临时且精准使用)、模糊与滤镜(模糊动画不超过 8px、不连续动画模糊)、视图过渡、工具边界。

使用方式:在对话中输入 /fixing-motion-performance 将约束应用到当前 UI 动画工作;输入 /fixing-motion-performance <file> 审查文件,报告违规(引用具体行或片段)、原因(一句话)和具体修复建议(代码级)。

适用场景:新增或修改 UI 动画、重构卡顿交互或过渡、实现滚动联动或滚动显现、动画布局/滤镜/遮罩/渐变/CSS 变量、审查使用 will-change、transform 或测量的组件。

限制:不迁移或重写动画库,除非明确要求;不在同一组件内部分迁移 API 或混用风格;非默认选择需说明约束理由(表面大小、时长或交互要求)。具体平台、收费与效果数据暂未提供。