Motion2Code 开源：教 Claude 把动效视频重建为可编辑 SVG+GSAP 代码

OdinLovis · x · 2026-10-20

Odin Lovis 开源了 Motion2Code skills 库（github.com/lovisdotio/motion2code，MIT 协议）。核心思路：Claude 自己设计不出高质量的动效，于是先用 H3 Max 在 fal 上生成动效设计视频，再用 fal-agent（Claude Opus 5.5）把它重建为单个 HTML 文件——内联 SVG 形状由一条 GSAP 时间线驱动，逐帧可定位、无缝循环、最高 32K 清晰。

该 skill 会对照源视频逐帧校验输出；对网站和应用录屏，还能用 GSAP ScrollTrigger 构建真实可交互的站点。兼容 Claude Code、Codex、Cursor、Copilot、Gemini 等主流 coding agent，仓库含 gallery、prompts、tests 与 CI。