前端与 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,产出归你所有。

Open Design 桌面客户端

一套设计系统,让每一次创作都保持品牌一致

在完整的 Vibe Design Workspace 中,用同一套品牌规则生成网页、PPT、可交互原型、数据看板、图像与 HTML 视频。连接本地 Codex、Claude Code、Cursor 等编程助手,即可免费创作。

  • 覆盖网页、PPT、原型、数据看板、图像与视频
  • 140+ 设计系统,以及完整模板与技能库
  • 连接本地 Codex 与 21+ 款编程助手 · 免费使用
免费下载

支持 macOS、Windows 与 Linux