开源项目AI工具189 次浏览 · 2026-10-22
motion2code：将动效视频转为 SVG 与 GSAP 时间线的 AI 编码技能
资源链接
https://github.com/lovisdotio/motion2codemotion2code 是一套面向 AI 编码 agent 的技能，能够把动效视频自动转化为内联 SVG 代码和 GSAP 时间线，从而实现可验证的动画重建过程。
- 抽取视频帧并进行逐帧对比，支持接缝检查。
- 生成符合标准的 inline SVG，保留路径与颜色信息。
- 自动输出对应的 GSAP 时间线代码，便于直接在网页中使用。
- 提供 seek(t) 接口，可在任意时刻暂停并与源视频逐帧比对。
- 与 AI agent 深度集成，帮助其在缺乏视觉输入时仍能准确生成动画代码。
该技能适合开发基于大语言模型的动画生成系统、动效设计师希望快速得到代码实现的场景，也可用于教学演示。使用时直接在项目中引入仓库代码，按照 README 配置视频输入，即可获得 SVG 与 GSAP 输出。