lovisdotio/motion2code
Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source
Older snapshot: check the original source for current information.
From the publisher
README & documentation
Source previewRead the project’s overview, installation instructions and usage examples. The original README is the source of truth.
A skill that teaches coding agents to rebuild a motion design video as clean, editable code: inline SVG shapes animated by one GSAP timeline, seekable frame by frame, looping seamlessly, and checked side by side against the source. For screen recordings of websites and apps it goes one step further and builds the real, interactive site with GSAP ScrollTrigger. It works with Claude Code, Codex, Cursor, Copilot, Gemini and others. See them running live: fal-motion-in-code.vercel.app Each image links to its self-contained index.html. Every folder in gallery/ also has compare.html (the source and the code side by side, synced frame by frame) and the source clip at 480p. The source videos were generated with MiniMax H3 Max on fal (fal.ai) and rebuilt by Claude Opus 5.5 with this skill. Agents animate blind: they cannot watch the video. Asked to "recreate this clip", they write what they imagine: the wrong beat at…
Read the full README ↗ · Preview checked 2026-10-30T22:41:05.515Z
Inside the original README — Document outline
Headings are captured from the source. Links open the publisher’s document, not a locally hosted copy.
Documentation belongs to its respective authors. Reported project/model license: MIT. A listing is not a grant of reuse or training rights. Confirm the document’s own terms at the source.
What this repository does
Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source
Repository facts
- Owner
- lovisdotio
- Primary language
- HTML
- Stars
- 286
- Forks
- 26
- Open issues + pull requests
- 2
- License
- MIT
- Archived
- No
- Default branch
- main
- Created
- 2026-10-20T04:18:10.000Z
- Last push
- 2026-10-20T04:21:52.000Z
Topics and intended use
Owner-supplied topics: agent-skills, animation, claude-code, gsap, motion-design, svg, video-to-code
Review the README for scope, installation, examples and limitations. We do not run repository code or certify it.
Evaluate before installing
Review licensing and dependencies, inspect recent commits and unresolved issues, and test in an isolated environment before production use. Stars and forks alone cannot answer these questions.
Source and freshness
Source: GitHub. Metadata observed 2026-10-27T12:14:26.263Z. Daily imports are snapshots, not real-time monitoring.
Popularity and source listings do not establish security, suitability, licensing rights or benchmark performance.