A set of installable skills that give AI coding agents guidance on motion design, After Effects, Remotion video, logo animation, and motion backgrounds.
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
Clone the repository and enter the folder
git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion - 2
Install dependencies
npm install - 3
Build the example video with sound
npm run build - 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
A set of Agent Skills that teach AI coding agents such as Claude Code, Codex and Cursor best practices for building Remotion video projects.
A collection of 55 installable agent skills that teach AI coding agents to build motion graphics, animation and video workflows.
A set of Claude Code skills that make videos by generating every frame and music track in code, with one skill per visual style.
A curated list of motion design resources and five installable agent skills for GSAP, Motion, Remotion, Lottie and Rive, usable in Claude Code, Codex and Copilot.
An agent skill that turns art-style recipes and explainer-video grammars into code-driven animation, so paintings and diagrams actually move.