claude-motion: motion toolkit that reviews its own frames

Try it in 60 seconds

npm install && npx playwright install chromium
git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion
npm install

Install command copied from the project README. Check the README for the latest version.

What it does

Gives coding agents motion taste, checks rendered frames before shipping, and writes sound in code.

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.

Quoted from the README of whaleyxbt/claude-motion.

Inside the repo

A prompt to try

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

1. Open the GitHub repo and skim the README (install commands change often).
2. Install it: copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex), or use the plugin/marketplace command from the README.
3. Restart Claude Code or Codex.
4. Ask for the job in plain words; the skill loads when your request matches.

Docs, demos & materials

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.