Claude 做动画总像橡皮泥？这个 Disney 原则 Skill 让 AI 动效真正活起来
你让 AI 生成一个弹跳的小球，它真的弹了——但看起来就像一块橡皮泥在扔来扔去，毫无生气。原因很简单：AI 擅长”有东西在动”，但不擅长”为什么这样动”。
这个痛点，disney-animation-rule-skill 终于给解了。
它是什么
这是一个把迪士尼 12 动画原则变成工程规则的 Claude Skill。来自 vibe-motion/skills 仓库（⭐ 1.1k），专门教 AI 如何给代码驱动动画注入”灵魂”。
适用场景：Web 动画、SVG、Canvas、React、Remotion、游戏、UI 动效、3D 场景——只要你做程序化动画，它都能用。
核心玩法
Skill 没有塞给你一整本动画教材，而是给了一个极其实用的工作流：
- 先描述动作：用一句话说清楚主体、意图、力、目的地和想要的感觉
- 拆分语义阶段：准备→蓄力→发力→极点→接触→回弹→稳定，而不是一个 ease-out 从头到尾
- 选择适用的原则子集：不需要把 12 条全用上，哪个能解决感知问题就用哪个
- 工程化实现：状态 = f(帧/时间, 输入, 参数)，每帧独立可算，支持并行渲染
为什么它有效
Skill 里有一个很有名的案例对比：同一个跳跃动作，用物理模拟和用 Disney 原则做出来，视觉差距巨大。物理模拟可能是”正确的”——但感觉是死的。
Disney 原则教会 AI 的是：
- 预备动作（Anticipation）：动之前先有个反方向的小动作，制造张力
- 跟随与重叠（Follow-through & Overlap）：主体停了，附属部分还在动
- 夸张（Squash & Stretch）：在加速和碰撞时刻故意变形，增加重量感
这些不是”装饰”，是让动画”可读”的底层逻辑。
适合谁
如果你在用 Claude Code 做 Web 动画、Remotion 视频、游戏动效，或者做 AI 生成内容的二次加工——这个 Skill 几乎是必装的。它解决的不是”怎么做动画”，而是”怎么做让人看着舒服的动画”。
安装方式超简单：
npx skills add vibe-motion/skills
然后选择 disney-animation-rule-skill 即可。
评论区
0 条评论
登录后可评论。