SuperAPI AI 工具集

fixing-motion-performance

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

用途:这是一个面向动效性能的审查与修复技能,帮助开发者定位并解决动画中的性能问题,目标是在生产环境中获得平滑、稳定的动效表现。

主要能力:审查动画是否存在布局抖动(layout thrashing)、合成器属性(compositor properties)使用不当、滚动关联动效(scroll-linked motion)的反模式,以及代价高昂的模糊效果;针对发现的问题给出具体修复方式,核心方向是把动画移到 GPU 上执行并消除掉帧。触发词包括“motion performance”“animation performance”“layout thrashing”“compositor properties”。

使用方式:先确认完整技能是否已安装,检查 ~/.design-agent-skills/skills/fixing-motion-performance/SKILL.md 是否存在且不含 das: 块;已安装则直接调用。若未安装且有 shell 访问权限,运行安装命令:npx skills add ibelick/ui-skills --skill fixing-motion-performance;无 shell 权限时显示该命令,在 Claude Code 中以 ! 开头的聊天消息发送,加 -g 为全局安装,省略则仅项目内安装。按代理安装:Claude Code 使用 claude skills add ibelick/ui-skills;Cursor/OpenCode 使用 npx skills add ibelick/ui-skills --skill fixing-motion-performance。安装后以技能名 fixing-motion-performance 调用。

适用场景:需要排查或优化页面动效流畅度的工作,尤其是动画出现卡顿、掉帧,或涉及滚动触发动效、模糊特效等场景。

限制:资料为目录条目,完整技能位于 ibelick/ui-skills;未提供具体支持框架、版本要求、收费情况或进一步使用限制。