动效卡顿先别重写,这款Skill减负

审计并修复动画性能问题。

fixing-motion-performance 是审查并修正网页动画性能问题的 Skill。把相关文件或交互场景交给 AI,它会指出具体代码、解释成本,并提出可以落实的小范围修改。

有些卡顿来自同一帧里反复读取布局又修改布局;有些来自大面积持续模糊,或已经离开屏幕却仍在运行的动画。它优先考虑减少这些工作,再选择能够表达同样意图的较轻效果。

规则覆盖 CSS、浏览器动画接口和常见动画库,不要求为了优化就换掉整套技术。一次测量后用位移实现变化,或让不可见动画暂停,往往比把页面重新搭一遍更直接。

它的建议需要结合面积、持续时间和交互要求判断,涉及真实流畅度时仍要用工具测量。交付应落到具体修改,不能只把“尽量用透明度”重复一遍。

分类:设计创作

来源仓库:ibelick/ui-skills

适合用来做什么

  • 审计这个项目的动画性能并修复问题。
  • 解决这个页面上的布局抖动问题。

安装 fixing-motion-performance

npx skills add https://www.iskills.cc/skills/ibelick/ui-skills/fixing-motion-performance/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 fixing-motion-performance 的用途与原始说明

浏览全部 Skill 指南