以 skill 自身的术语
这是一份针对 CSS 和 JS 动画性能的审查与修复手册,面向审查或重构卡顿过渡、滚动联动动效和模糊效果的设计师与开发者。它以斜杠命令的形式提供:不带参数调用时,会将这些规范应用于对话中正在进行的任何动画工作;给定一个文件时,会逐条报告违规,引用确切的代码行、说明其重要性,并给出代码层面的修复方案。
规则按优先级排序,从「永不使用」的模式、机制选择和工具边界(关键级别)开始,依次经过测量、滚动、绘制、图层和模糊,最后到视图过渡。除非特别要求,它拒绝迁移动画库,而是在现有技术栈内应用规则。
它产出什么
- 针对每个违规,用一句简短的话说明其重要性。
- 针对每个违规,给出具体的代码层面修复方案。
- 对任何非默认的渲染工作选择给出明确说明。
工作方式
- 01以斜杠命令方式调用
运行 /fixing-motion-performance,将这些约束应用到会话中已在讨论的任何动画工作上。
- 02或指向一个文件
传入路径会切换到审查模式,根据每条规则检查该文件,而不是约束实时工作。
- 03分三部分报告
每条发现都会引用违规的代码行,用一句简短的话说明其重要性,并提出代码层面的修复方案。
- 04按渲染步骤对属性分类
术语表将工作划分为合成、绘制和布局,让审查者了解哪些动画开销低,哪些开销高。
- 05按优先级顺序执行
关键类别会先于影响较低的类别被检查,因此「永不使用」的模式和工具边界会最先被确定。
- 06保持在当前技术栈内
库迁移不属于此项工作范畴;规则会应用于代码库当前已使用的动画系统。