01 功能说明
审查界面过渡、弹簧和手势动效，或从录屏拟合运动，并明确检查中断、帧率和减少动态效果的适配。
ui-animation 涵盖界面动效的构建、审查与测量。它先明确交互目的和使用频率，再选择时序与实现方式。反馈、方向感和连续性决定是否使用动效；高频操作应保持即时响应。
另一套流程从录屏中测量运动。它提取帧、跟踪元素并拟合弹簧或缓动曲线，再生成实现参数。打开与关闭行为分别处理，并将新的录屏与参考对比，检查重建后的各个运动阶段是否得以保留。
预期交付物
明确反馈、连续性或方向指引的需求，以及操作频率。保持任务即时完成和键盘焦点即时响应。
选择组件方案，或以录屏真实帧率提取画面并拟合相关运动。将打开和关闭阶段分开处理。
快速反复切换，慢速回放检查，并测试触摸输入与减少动态效果。重建动效时，将实现后的录屏与原始录屏对比。
02 适用场景
提供组件代码或清晰的参考录屏，并说明操作频率与目标设备。明确任务属于动效审查、实现修改，还是基于测量的重建。
03 关键决策
这套判断框架既能推荐动画，也能否决不必要的动画。
快速切换会暴露正常播放时看不出的重新启动和目标更新问题。
分别记录各属性时序和拟合参数，让重建更精确。
04 示例任务
以下示例任务说明尚未经过测试。使用前请检查该技能的设置。
提供待改善的代码或清晰的参考交互片段。
https://github.com/mblode/agent-skills/blob/391508702523088f564fecfdd95ce76304efb117/skills/ui-animation/SKILL.md下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求；这不是安装命令。
运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。
使用 ui-animation 诊断我提供的录屏与 React 组件中的抽屉交互。按照录屏真实帧率分别测量打开和关闭过程。判断感知延迟来自缓动、前期停顿，还是阻塞主线程的任务。保持键盘焦点即时响应，保留现有抽屉行为。提出最小实现改动，再测试快速切换和减少动态效果。如果拟合弹簧或曲线，请报告拟合限制，将修改后交互的录屏与参考对比，不要仅凭参数宣称视觉一致。根据以下可观察标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。
构建、调试和测量有明确目的的界面动效。
由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/mblode/agent-skills/blob/391508702523088f564fecfdd95ce76304efb117/skills/ui-animation/SKILL.md