rossark0/rossark-motion-skill

它解决的问题

让图画动起来很容易，但让它感觉有生命力却很难。天真的动画看起来像幻灯片：脸部在表情之间瞬间移动，身体在每个姿势处完全停住，所有东西都同步移动，眨眼闪烁，形状显示接缝。这个技能通过编码真实动画师使用的原则来解决这些问题，使AI代理能够产生呼吸、环顾、转移重心并行动而不冻结或跳跃的动作。

工作原理

该技能提供了一套规则、模板和工具。它为整个场景使用一个时钟，所以所有部分都在同一时间移动。部件围绕其真实枢轴旋转，后面的部件延迟一拍跟随，空闲生命力永不停歇。它定义了通过关键姿势的平滑路径，具有小幅振幅和强烈曲线。当您有参考视频时，它会使用包含的工具逐帧测量运动，因为让某物感觉有生命力的微妙运动通常小到肉眼难以察觉。对于界面动画，它遵循Emil Kowalski和Benji Taylor的既定设计规则。该仓库包含完整的技能文档（SKILL.md）、项目笔记文件（MOTION.md）、适用于React Native和SwiftUI的现成动画引擎、实时面部组件，以及用于创建联系表、跟踪边缘和采样颜色的工具。演示是完全用模板渲染的编码动画场景。

适用人群

希望为应用程序和图画注入生命力的设计师和工程师。尤其适用于任何使用AI编码代理来为角色、生物、植物、布料、火、烟、水、天气、光、机器、图标、logo、图表和整个场景制作动画的人——而不会让代理陷入初学者的动画错误。

亮点

• 整个场景共享一个时钟，防止机械性、不同步的运动。
• 部件围绕其真实枢轴旋转，后面的部件延迟跟随，提供自然的后续动作。
• 空闲生命力（呼吸、眨眼、转移重心）即使在动作之间也能继续。
• 平滑的 flow 曲线穿过关键姿势，而不是在每个姿势处停止。
• 参考视频可以逐帧测量，以捕捉肉眼难以察觉的运动。
• 包括React Native（motion.ts）和SwiftUI（Motion.swift）的现成引擎模板。
• 实时面部组件（LiveFace.tsx / LiveFace.swift）生成滑行、眨眼和微笑的眼睛和嘴巴。
• 附带四个完整的演示场景（Reveal、Garden、Chef、Orbit），完全以60 fps的代码渲染。