motion2code
by lovisdotio
A skill pack for coding agents that rebuilds a motion design video as editable SVG and GSAP animation code. It checks the result frame by frame against the source video and can also turn app or website screen recordings into working interactive pages.
- Stars
- 323 +23 a day, est.
- Licence
- MIT
- Runs on
- Your computer
- Setup
- Moderate
- Language
- HTML
- Age
- 14 days
What you can do with it
- Turn a motion design clip into a looping SVG and GSAP animation that stays sharp at any size
- Compare the generated code against the source video side by side, frame by frame
- Convert a screen recording of a website or app into a working scrolling page
Make money with it
A freelancer could offer to convert clients' motion graphics or promo clips into lightweight, editable web animations as a paid service.
An idea, not financial advice. Check the licence before charging for anything built on it.
Ways a business could use it
- Replace heavy video files on a website with small, sharp, looping animations that load quickly
- Turn an AI-generated app or site mockup video into a working prototype page to show clients
Can you use it commercially?
Free to use, change and sell, including in paid products. Keep the copyright notice.
Not legal advice. Read the project's licence file before building a product on it.
Getting it running
Install it as a skill through the Claude Code plugin marketplace or with npx skills add, and have Python 3.9+, ffmpeg and Playwright available for the check scripts.
Follow the official instructions in the project README.
Things to check
- Needs a paid coding agent subscription or API access to be useful
- Works best with a strong model, so results may vary with others
- Source videos in the examples were generated with paid AI video services
Who's talking about it
Checked 03 Nov 2026. Summary drafted by AI from the project's README.
