设计资源DESIGN· MOTION
lovisdotio/motion2code
让编码助手把运动设计视频转成可编辑的SVG动画代码For anyone shipping motion graphics: rebuild a motion design video as frame-checked, editable SVG + GSAP code.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
能力CAPABILITIES
把运动设计视频转成可循环的SVG动画代码
逐帧对比原始视频和生成的动画代码
在浏览器中预览动画并自由控制播放
把生成的动画渲染成视频文件
并排对比原始视频和生成动画
Turn a motion video into editable SVG + GSAP code.
Check the result frame by frame against the original.
Render the rebuilt animation to a new MP4.
Seek through the animation with a pure function.
上手GET STARTED
claude plugin marketplace add lovisdotio/motion2code选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
需检查Needs review
静态扫描STATIC SCAN
01控制浏览器Controls a browserreadme
The scripts need Python 3.9+, ffmpeg, and Playwright for the ones that open a browser
02控制浏览器Controls a browserskills/motion2code/SKILL.md
Scripts need Python 3.9+, ffmpeg, and Playwright for anything that opens a browser
静态扫描发现中等风险：脚本会控制浏览器（需要Python 3.9+、ffmpeg和Playwright），请留意使用时的安全边界。The static scan flagged a medium item about browser control: scripts that open a browser rely on Python 3.9+, ffmpeg, and Playwright. That's an expected dependency for the video-checking parts, but review it yourself before running on anything you don't trust.
项目动态PROJECT ACTIVITY
首次发现FIRST SEEN
20 OCT 202620 OCT 2026
增长GROWTH
+434.1%+434.1%
44 → 235 stars · 5 个快照44 → 235 stars · 5 snapshots
状态STATUS
新发布New
质量 A-Quality A-
项目提供了六个重建示例（gallery/），可以直接体验视频转代码的效果。2 commits in the last 7 days show active maintenance.
{
"agents": [
{
"agent": "claude-code",
"evidence": "tree: .claude-plugin/"
},
{
"agent": "claude-ai",
"evidence": "readme: …it to `~/.hermes/skills/`. **claude.ai:** zip `skills/motion2code` a…"
},
{
"agent": "gemini-cli",
"evidence": "readme: …e/skills/`. **Codex, Cursor, Gemini CLI, Copilot and about 70 other a…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 7,
"ai-tools": 0,
"dev-tools": 0,
"indie-web": 0,
"skill-agent": 6,
"productivity": 0
},
"primary": "design",
"secondary": "motion"
},
"localRuntime": null,
"skillMdTotal": 1,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 7,
"design": 10,
"browser": 0,
"devtool": 0,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "1 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 7 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "Claude Code plugin manifest",
"weight": 0.7
}
],
"scannedSources": [
"readme",
"skills/motion2code/SKILL.md"
],
"skillMdFetched": 1
}