mcpField
M
motion-transition-review

motion-transition-review

github.com/sylphxai设计与 UI153 次安装今天更新
代码仓库

关于 motion-transition-review

motion-transition-review 是用于规划和审查界面状态变化动效的设计技能,会结合无障碍、减少动态效果、性能与输入响应进行评估。

主要功能

  1. 01识别界面状态变化
  2. 02按动效目的匹配参数
  3. 03检查无障碍与减少动态效果
  4. 04评估性能和输入延迟
  5. 05按规则编号生成规格或审查结果

适用场景

  1. 01制定导航或内容显现动效
  2. 02审查手势反馈与进度动效
  3. 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

详细介绍

动效过渡审查

使用此技能,让动效阐明状态,而不是炫技。

工作流

  1. 确定状态变化:反馈、揭示、导航、进度、手势或中断。
  2. 阅读 references/motion-transition-rules.md。
  3. 根据动效目的确定时长、缓动、编排和可中断性。
  4. 检查无障碍性、减少动态效果选项、电池与性能,以及输入延迟。
  5. 输出动效规范或审查结果,并附上规则 ID。

不适用情形

  • 对于基础模型无需此技能的特定产物约定即可处理的一般性建议,不要使用此技能。

注意事项

  • 与其使用令人困惑的动效,不如不使用动效。
  • 不要在装饰性动效结束前阻止输入。
  • 始终提供减少动态效果的替代方案。

输出格式

Motion surface:
State change:

Spec/review:
- <rule id> <motion decision or issue>

Reduced-motion behavior:
- <behavior>

Performance checks:
- <check>

评论

支持 Markdown