A free skill for Claude Code, Codex and Cursor that turns a document into a short animated explainer video. Your agent writes the animation as HTML, and HyperFrames renders it to MP4 on your own computer.
Anthropic's Claude Motion is in beta on Team and Enterprise plans. This works with the coding agent you already have, on Pro, Max or an API key.
MotionKit is an independent project. It is not made by, affiliated with or endorsed by Anthropic.
| Paper Editorial | Midnight |
|---|---|
 |
 |
Both clips are real output of the example projects in this repo, not mock-ups. Last tested end to end on 12 October 2026 with Claude Code running Claude Opus 5.5: both examples rendered, and a new 28-second video was built from a fresh document.
You need Node.js 22 or newer and FFmpeg.
One command clones the repo and copies the skill into Claude Code:
git clone https://github.com/dll-create/claude-motion-starter.git && mkdir -p ~/.claude/skills && cp -r claude-motion-starter/skills/motionkit-starter ~/.claude/skills/For Codex copy it to ~/.codex/skills/ instead, for Cursor to ~/.cursor/skills/. Restart the agent, attach a document and say:
Turn this doc into a motion video.
- Two complete styles: Paper Editorial (essays, explainers, thought pieces); Midnight (developer products, roadmaps, changelogs). Each has its fonts, colour tokens, layout rules and motion profile.
- A working example video in each style, with a title picture drawn in that style, with six scene types: title, big number that counts up, chart (bars in one, a line in the other), steps, quote and takeaway. Each renders as is.
- Composition rules that keep the agent's output renderable: one paused timeline, no CSS transforms fighting tweens, scenes that run back to back.
- A source check:
tools/check.mjsfails the build when a number on screen is not in your document, or is written differently from how your document writes it.
cd claude-motion-starter/skills/motionkit-starter/examples/paper-editorial
npx -y hyperframes@latest renderThis starter is the video workflow with two styles. MotionKit is the paid pack:
| Starter (this repo) | MotionKit | |
|---|---|---|
| Styles | 2 | 37, plus 36 colour palettes and your own brand colours |
| MP4 video | Yes | Yes |
| Narrated deck with charts, quizzes and drag-to-match | No | Yes |
| PowerPoint export | No | Yes |
| Reads Word, PowerPoint, PDF and web pages | No | Yes |
| Pictures drawn in the style | No | Yes |
| Voiceover and music | No | Yes |
| Hosted share links | No | Yes |
| Price | Free, MIT | From $19.9 a month |
See all 37 styles and rendered examples.
Code and documentation: MIT, see LICENSE. Fonts are under the SIL Open Font License; their licences are in skills/motionkit-starter/fonts/licenses/. Questions: support@motionforclaude.com.