Motion2Code open-sources agent skills that rebuild motion videos as SVG + GSAP code
OdinLovis · x · 2026-10-20
Odin Lovis open-sourced Motion2Code (github.com/lovisdotio/motion2code, MIT). The workflow: Claude can't design motion this well on its own, so a motion design video is generated with H3 Max on fal, then fal-agent (Claude Opus 5.5) rebuilds it as a single HTML file — inline SVG shapes driven by one GSAP timeline, seekable frame by frame, seamlessly looping, sharp up to 32K.
The skill checks output against the source video frame by frame; for website/app recordings it builds the real interactive site with GSAP ScrollTrigger. Works with Claude Code, Codex, Cursor, Copilot, Gemini, and more; repo includes gallery, prompts, tests, and CI.
Related event: Motion2Code Open-Sourced: Turns Motion Videos into Interactive Web Pages(3 posts)→
More from coding & agent
- SlideOn lands in sentence-transformers with one-line SparseEncoder loading — tomaarsen · 2026-10-20
- Do UIs still matter when AI agents become the main consumers of your data? — DanielLockyer · 2026-10-20
- Tiny MMO where a fruit fly is the player, built in Cursor with a 10M-token context agent model — Kyrannio · 2026-10-20
- Deep Research took 682 minutes and 54 corrections for one question: is it broken? — big-fox- · 2026-10-20
- Running sales with 83 MCP tools entirely inside Claude CLI — Extension-Lie-8715 · 2026-10-20
- AWS AgentCore Gateway Policy Only Gates MCP Tools, Leaves resources/read Always Allowed — rahulladumor · 2026-10-20