github.devotd.
NewCoding agents

lovisdotio/motion2code — A skill for recreating motion design videos with SVG and GSAP

lovisdotio/motion2code is a collection of skills for coding agents that recreates motion design videos as reproducible SVG and GSAP code and checks the result frame by frame against the original.

Repositorylovisdotio/motion2code ↗

lovisdotio/motion2code is a collection of skills for coding agents that recreates motion design videos as reproducible SVG and GSAP code and checks the result frame by frame against the original.

GitHub description: Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source

stars
★ 101
Forks
9
Language
HTML
License
MIT
Read original source ↗View on GitHub ↗

lovisdotio/motion2code is a collection of skills for coding agents. It guides an agent to rebuild a motion design video — motion design means adding movement to on-screen elements — as reproducible SVG and GSAP (a web animation library) code. This repository has no recorded release versions.

A skill is a bundle of the procedures and instructions a coding agent follows while it works. The distinguishing point of this repository is that it attaches a verification step to the playback implementation. It extracts frames from the video, analyzes scene transitions, and then compares the result with the original frame by frame. It contains several reproduction scripts and examples, along with inspection files, and each example carries a comparison screen and a runnable page. It also covers the flow of turning the playback screen into a real interactive website. It can be installed and used across several coding agents and tools. The license is MIT, the main language is HTML, and the GitHub star count is 101.

That said, no figure or comparison target is given for judging how accurate the conversion is. Verification stays a matter of checking the comparison screen provided for each example. The novelty 8.0, tech 8.0, quality 8.0 and momentum 7.8 on a 10-point scale are evaluation scores left in the record, not a separate comparison test. So this repository is closer to attaching an agent to the job of moving visual elements into code than to being a motion-design specific library. Only after looking at the comparison screens of the examples can you say more about how complete it is.