Repolode
whaleyxbt

whaleyxbt/claude-motion

A motion design toolkit that lets coding agents like Claude Code build Remotion videos with timeline-driven scenes, a visual review loop and a Python sound engine.

Open-source alternative to:After Effects

Stars
496
Forks
63
Open issues
0
Last commit
11 days ago

What is it?

claude-motion is a toolkit that lets coding agents produce motion graphics and short videos. It layers design rules, a self-review process and a sound engine on top of Remotion, so an agent knows not only the API but also how to pace easing, holds and type, and how to check its own output.

The workflow centres on a timeline.json file where every beat is a named timestamp. Scenes, sound cues and review steps all read from it, so retiming the video also retimes the audio and checks. The agent renders a draft, generates a contact sheet with one timestamped frame per beat, and fixes issues it finds before finishing.

A second pipeline in sims/ renders self-contained web pages built with three.js to 60 fps MP4 via headless Chromium and ffmpeg. The sound engine is pure Python standard library with no samples, and it masters output to a target loudness.

Key features

  • 01Motion design rules with concrete easing curves, spring presets and timing values.
  • 02A self-review loop that renders contact sheets for the agent to inspect frame by frame.
  • 03A Python sound engine generating effects with no samples, mixed on the video timeline.
  • 04Single timeline JSON shared by scenes, sound and review checks.
  • 05Web simulation pipeline that captures frame-exact 60 fps video from HTML pages.

Use cases

  • Creating a short announcement motion graphic from a text prompt with a coding agent.
  • Building data-driven or simulation-style animations as standalone web pages and exporting them to video.
  • Generating synchronized sound effects for a Remotion video without licensed audio.
  • Reviewing and fixing animation timing across many scenes.

Quick start

  1. 1

    Clone the repository and enter the folder

    git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion
  2. 2

    Install dependencies

    npm install
  3. 3

    Build the example video with sound

    npm run build
  4. 4

    Open the live preview

    npm run studio

Things to know

  • Requires Node 20+, Python 3 and ffmpeg installed.
  • Remotion has its own license, and companies above a threshold need a paid company license.
  • Web sims capture needs Playwright and a Chromium install.

Topics

FAQ

What is claude-motion?
A motion design toolkit that lets coding agents like Claude Code build Remotion videos with timeline-driven scenes, a visual review loop and a Python sound engine. claude-motion is a toolkit that lets coding agents produce motion graphics and short videos. It layers design rules, a self-review process and a sound engine on top of Remotion, so an agent knows not only the API but also how to pace easing, holds and type, and how to check its own output.
Is claude-motion free to use? What license does it have?
claude-motion is open source under the MIT license. Check the license terms before using it in commercial products.
Is claude-motion still maintained?
Actively maintained. The last commit to claude-motion was on Oct 9, 2026.
What can I use claude-motion for?
Creating a short announcement motion graphic from a text prompt with a coding agent. Building data-driven or simulation-style animations as standalone web pages and exporting them to video. Generating synchronized sound effects for a Remotion video without licensed audio. Reviewing and fixing animation timing across many scenes.
How do I install claude-motion?
Clone the repository and enter the folder: git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion Install dependencies: npm install Build the example video with sound: npm run build Open the live preview: npm run studio
Where can I get claude-motion?
The source code and installation instructions are on GitHub: https://github.com/whaleyxbt/claude-motion

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects