whaleyxbt/claude-motion

README preview

# claude-motion

**A motion design toolkit for coding agents.** Remotion skills teach your agent the API. This teaches it taste, makes it check its own frames, and gives it a sound engine. And when the idea is a simulation, not a motion graphic, it renders web sims frame by frame to 60 fps video.

Works with Claude Code and Cursor out of the box (skills in `.claude/skills/`), and with Codex, OpenCode or anything else that reads `AGENTS.md`.

<p align="center">
  <img src="media/preview.gif" width="480" alt="22-second motion graphic made by Claude with this toolkit" />
</p>

<p align="center"><sub>Made by Claude with this toolkit from one prompt and one revision. No After Effects, no stock sounds. <a href="examples/01-effort/">How it was made →</a></sub></p>

<!-- For the version with sound: open this README in the GitHub editor, drag out/effort.mp4 in, and GitHub will turn it into an inline player. -->

## New: web sims → 60 fps video

<p align="center">
  <img src="media/sims/crawlers.gif" width="250" alt="256 spider agents crawling a wall of websites" />
  <img src="media/sims/dossier.gif" width="250" alt="Agents turning one username into a dossier with red threads" />
  <img src="media/sims/engine.gif" width="250" alt="Camera flying through a running rocket engine's chamber" />

View full repository on GitHub →