先找真正值得加动画的地方

发现代码库中缺少动画的交互场景。

find-animation-opportunities 是一个只读的动画机会筛选器。它不会修改代码,而是检查界面中哪些状态跳变、反馈缺失或空间关系断裂,提出最多 5–7 个有明确价值的动效建议,并主动拒绝那些只会增加负担的动画。

每个候选都要依次过四道门:用户多久会看到它、动画在表达什么目的、能否留在合理时长内、以及运动是否妨碍阅读或操作。键盘高频命令、信息密集图表和“只是看起来酷”的装饰通常直接淘汰。留下的建议要带文件位置、具体属性、曲线、时长和 reduced-motion 处理。

报告还必须列出被拒绝的候选,说明是哪一道门没通过。它适合先做只读动效审计,后续要实现时再交给 improve-animations 或具体开发任务。

分类:设计创作

来源仓库:emilkowalski/skills

适合用来做什么

  • 在登录页面中找找看哪些地方可以添加动画。
  • 检查一下我们的UI,看看哪些地方缺少动画。

安装 find-animation-opportunities

npx skills add https://www.iskills.cc/skills/emilkowalski/skills/find-animation-opportunities/SKILL.md

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

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

查看 find-animation-opportunities 的用途与原始说明

浏览全部 Skill 指南