---
title: "Motion2Code"
description: "Agent skill that rebuilds a motion design video as looping inline SVG driven by one GSAP timeline, then diffs it frame by frame against the source."
canonical: "https://vibing.inc/library/motion2code-vg-2571"
category: "Motion & Animation"
subcategory: "Agent skills"
license: "MIT"
author: "Lovis Odin (@lovisdotio)"
source: "https://github.com/lovisdotio/motion2code"
---

# Motion2Code
Agent skill that rebuilds a motion design video as looping inline SVG driven by one GSAP timeline, then diffs it frame by frame against the source.
## Facts
- Source: https://github.com/lovisdotio/motion2code
- Category: Motion & Animation / Agent skills
- Author: Lovis Odin (@lovisdotio)
- Licence: MIT
- Tags: agent-skills, gsap, svg, motion-design, video-to-code
## Why it's a gem
Gives blind agents eyes: frame studies, palette sampling and side-by-side diffs prove the rebuild matches.
---
Listed in The Vibeary: https://vibing.inc/library/motion2code-vg-2571 · JSON: https://vibing.inc/api/public/library/gems/motion2code-vg-2571