关于 motion-transition-review
motion-transition-review 是用于规划和审查界面状态变化动效的设计技能,会结合无障碍、减少动态效果、性能与输入响应进行评估。
主要功能
- 01识别界面状态变化
- 02按动效目的匹配参数
- 03检查无障碍与减少动态效果
- 04评估性能和输入延迟
- 05按规则编号生成规格或审查结果
适用场景
- 01制定导航或内容显现动效
- 02审查手势反馈与进度动效
- 03评估减少动态效果设置下的动画
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ sylphxai/ skills --skill motion-transition-review安装后在 Claude Code 中输入/motion-transition-review确认已加载。
附带文件agents/openai.yamlreferences/motion-transition-rules.md
详细介绍
动效过渡审查
使用此技能,让动效阐明状态,而不是炫技。
工作流
- 确定状态变化:反馈、揭示、导航、进度、手势或中断。
- 阅读
references/motion-transition-rules.md。 - 根据动效目的确定时长、缓动、编排和可中断性。
- 检查无障碍性、减少动态效果选项、电池与性能,以及输入延迟。
- 输出动效规范或审查结果,并附上规则 ID。
不适用情形
- 对于基础模型无需此技能的特定产物约定即可处理的一般性建议,不要使用此技能。
注意事项
- 与其使用令人困惑的动效,不如不使用动效。
- 不要在装饰性动效结束前阻止输入。
- 始终提供减少动态效果的替代方案。
输出格式
Motion surface:
State change:
Spec/review:
- <rule id> <motion decision or issue>
Reduced-motion behavior:
- <behavior>
Performance checks:
- <check>
评论
支持 Markdown