lovisdotio/motion2code

教编码代理把一段动效视频重建成干净、可编辑代码的技能：内联 SVG 图形加一条 GSAP 时间线，可逐帧定位、无缝循环，并与原视频并排比对；网站或应用的录屏还能做成可以真正滚动、点击的页面。

2026-10-30T01:35:25Z

星数 303（+8 / 24h）

理由

代理看不了视频，所以先用 study_video.py 把片段拆成每 0.25 秒一帧、每个硬切前后的帧、一张联系表、精确的纯色调色板，并判断原片是否循环
frame_diff.py 在任意时刻把原片和代码并排出图并打分、列出最差的 5 处；check_anim.py 检查页面约定、外部脚本白名单、有没有偷偷嵌入视频或位图，以及循环接缝
硬性规则：只用给定视频，不重新生成、不嵌入、不描帧，文字按原提示词写；gallery 里有 6 个重建例子，原片由 MiniMax H3 Max 在 fal 上生成

用法

Claude Code：claude plugin marketplace add lovisdotio/motion2code，再 claude plugin install motion2code@motion2code；Codex、Cursor、Gemini CLI 等用 npx skills add lovisdotio/motion2code
对代理说“把 clip.mp4 重建成能循环的 SVG + GSAP 动画”或“把这段应用录屏做成真实网站”；完整需求可以填 prompts/convert-video-prompt.md
脚本需要 Python 3.9+、ffmpeg，打开浏览器的脚本还要 Playwright

风险