lovisdotio/motion2code

From the README

Motion2Code 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.

Setup prompt

Paste this into Cursor or Claude Code. It only includes install lines found in the README, and it asks the agent to review the code first.

Set up the GitHub repository lovisdotio/motion2code (Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source).
Repository: https://github.com/lovisdotio/motion2code

Official install commands found in the README:
npx skills add lovisdotio/motion2code

Clone the repository and follow those steps. Do not invent package names or extra install commands.
Review the code before running anything.

Buzz by window

Same mentions, three half-lives. This is not a star history. Star gain appears after a second daily snapshot.

• Today0.89
• Week2.12
• Month2.39

Spotted on

• X @ga8ri33lOct 22, 2026
• X @rokon8407Oct 22, 2026

Related

• Shpigford/chops

  Your AI agent skills, finally organized. A macOS app to browse, edit, and manage skills across Claude Code, Cursor, Codex, Windsurf, and Amp.

• anthropics/claude-code

  Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining…

• openai/codex

  Lightweight coding agent that runs in your terminal

• cathrynlavery/diagram-design

  Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No…