前端与 UI

Animation Review

按资深工艺标准,找出、改进并评审动效。

这是什么

Emil Kowalski 的三个动效 Skill 串成一个循环:找出该加动效的地方、改进现有动效,再按高工艺标准评审动画代码。

Bundles 3 commands: find-animation-opportunities / improve-animations / review-animations

Find, improve and review motion in a codebase against a senior craft bar.
来自上游 SKILL.md

它对设计意味着什么

  • 把该动却没动的界面揪出来,也否掉不该动的动效。
  • 把含糊的「做得更舒服点」变成排好优先级的动效审查。
  • 用一条明确的工艺标准约束动画,而非个人口味。

包含哪些内容

  • Find animation opportunities
  • Improve animations
  • Review animations
  • Craft bar

如何安装

Animation Review

  1. 克隆这个仓库。

    git clone https://github.com/emilkowalski/skills
  2. 把 Codex 指向这个 Skill 文件。

    skills/find-animation-opportunities/SKILL.md
  3. 然后描述你想要的界面,Codex 会照着这个 Skill 来做。

如何配合 Codex 使用

  1. 先跑 find,定位界面里可以加动效的地方。

  2. 再用 improve,重做现有的动画代码。

  3. 发布前跑 review,拦下工艺不到位的动效。

这里的每个插件都免费开源,并附上真实的上游源地址。

在 codex-design 清单上了解更多 ↗

下一步

用 Open Design 做设计,省掉那些配置

你可以自己装这个插件,也可以用 Open Design 在 Codex 外面套一整层精选设计层。自带 API Key,产出归你所有。