Animate is a Claude Code skill that makes short animated videos entirely in code. You describe the video, and it draws it on one HTML canvas, scores it procedurally, and renders it frame by frame to MP4 with a headless browser and ffmpeg. There is no timeline to scrub, no keyframe editor to fight, and no diffusion model rolling the dice on what your characters look like in the next scene. If you have ever needed a clean explainer video and wished you could just describe it, version it, and regenerate it, this is the project to try.
Key Takeaways
Animate is a Claude Code skill, not a video editor: it builds procedural animations from code on a single HTML canvas.
Output is deterministic frame by frame, so the same input renders the same video every time, and every element stays inspectable in code.
It ships 7 built-in visual styles, from cut paper to pixel art, plus a custom slot matched from your own references.
One piece exports to 9:16, 1:1, 4:5, and 16:9, so a short-form video and a widescreen version come from the same source.
It is MIT-licensed, free, and installable as a Claude Code plugin in two commands.
What Animate actually is
Animate describes itself as "a Claude Code skill that makes short animated videos entirely in code: one `<canvas>`, drawn and scored procedurally, deterministic frame by frame, rendered to MP4 with a headless browser and ffmpeg." The repository, cth9191/animate, holds 1,092 stars and 150 forks on GitHub, and it is licensed under MIT. It was created in early October 2026, so it is a young project, but the idea behind it is already fully formed.
The workflow flips the usual video tool on its head. Instead of opening an editor and dragging clips onto a timeline, you stay in the terminal and work with Claude Code. The skill turns your description into a storyboard, then into canvas drawing code, then into frames, then into an MP4. Because everything is code, a video is as reviewable as a pull request: you can read the storyboard, check the timing, fix a scene, and rerender. That is the part traditional editors cannot offer, and it is the part AI video generators cannot promise, since their output changes every run.
The Repomaniac signal for the project puts it plainly: procedural animations with HTML5 canvas, deterministic MP4 rendering, beat-synced cuts, and seven pluggable visual styles, straight from the terminal.
Why deterministic matters more than it sounds
Deterministic is the word that does the heavy lifting here. In a diffusion-based video tool, asking for the same scene twice gives you two different scenes, and fixing one detail often changes five others. With Animate, the same code draws the same frames, every time. That makes iteration sane: change the script, rerender, and only what you changed moves. It also makes the video debuggable. If a transition lands wrong, you open the code, find the frame, and fix it, instead of re-rolling a prompt and hoping.
There is a trade-off, and it is worth stating honestly. Procedural animation looks designed, not filmed. You get clean shapes, consistent motion, and mathematically exact transitions, which is perfect for explainers, product demos, and educational shorts. You do not get photorealistic footage or the messy charm of real camera work. Animate is a tool for videos that should look like diagrams come alive, not for videos that should look like a documentary.
Seven styles, eight formats, four aspect ratios
The built-in style set covers a surprising range:
Style | Best for |
|---|---|
Cut paper | Warm, tactile explainers with layered shapes |
Crosshatch ink | Editorial, hand-drawn feeling pieces |
Riso print | Bold, grainy, print-inspired graphics |
Sketchbook | Loose, notebook-style walkthroughs |
Math | Precise diagrams, formulas, and data stories |
Pixel | Retro game and computing nostalgia |
Isometric | Product and architecture-style scenes |
Custom | A look matched from references you supply |
On top of the styles, Animate ships 8 short-form story formats, so you are not starting from a blank page every time. And the multi-format export is genuinely useful: one piece renders to 9:16 for vertical feeds, 1:1 and 4:5 for social posts, and 16:9 for widescreen, without rebuilding the video four times.
The included example shows what the pipeline can do at full stretch: a complete 60-second cut-paper piece on the history of AI, covering 15 eras from 1950 to 2025 with 13 shape-morph transitions. That is a real video, not a demo snippet, and it is the kind of structured story procedural animation handles well: a timeline, a sequence of ideas, and transitions that carry meaning instead of decoration.
How to run it yourself
Animate is a skill and a plugin for Claude Code, so you need Claude Code first, plus Node.js 18 or newer, Playwright with Chromium, and ffmpeg on your PATH for the final MP4 encoding. The plugin route is two commands:
Add the marketplace: `/plugin marketplace add cth9191/animate`
Install the plugin: `/plugin install animate@animate`
If you prefer not to use the plugin system, you can copy the skill folder from `plugins/animate/skills/animate/` in the repository into `~/.claude/skills/animate/` and use it directly. Either way, you are working inside Claude Code, describing videos in plain language and letting the skill handle the storyboard, the canvas code, and the render.
One practical note: the render step uses a headless browser, so the first run may need Playwright's Chromium installed. That is a one-time setup cost, and after that, rendering is a local, repeatable process with no cloud render queue.
Who should try it, and who should skip it
Try Animate if you make explainers, tutorials, or social videos and you like working in code; if you want the same video in four aspect ratios without rebuilding it; or if you have ever been burned by an AI video tool changing your visuals between renders. Developers, educators, and indie creators making short-form content are the obvious audience.
Skip it for now if you need live-action footage, photorealistic scenes, or a polished drag-and-drop editor. This is a young, code-first project, and its strength is structured, designed animation. If your video needs a real camera, this is not the tool. If your video needs a diagram to move, it might be exactly the tool.
FAQ
Is Animate really free?
Yes. The repository is MIT-licensed on GitHub, so you can use, modify, and share it freely. You still need Claude Code and its own plan or access to run the skill, since Animate works inside Claude Code rather than as a standalone app.
Do I need to know how to code to use it?
You describe the video in plain language and Claude Code writes the code, but being comfortable reading code helps a lot. The whole point is that the video is code, so reviewing the storyboard and the drawing code is part of the workflow, not an optional extra.
How is this different from AI video generators?
AI video generators create pixels from a prompt, and the result changes every run. Animate draws shapes from code, so the result is deterministic: the same input gives the same frames, and every element can be inspected and edited precisely.
Can it make long videos?
It is built for short animated videos, and its showcase example is a 60-second piece. It is best suited to shorts, explainers, and social clips, not feature-length productions.
Watch the signal
Want the 30-second version? Watch the 30-second repo signal for Animate on Repomaniac. If you are new to the open source world, start with What Is Open Source? What Open Source Means, in Plain English. Read this article in Indonesian: Animate: Buat Motion Graphics dari Terminal Dengan Claude Code.
*Sources: GitHub cth9191/animate README, Claude Code plugin docs, Playwright installation docs, Repomaniac signal, October 30, 2026. Star and fork counts verified on GitHub on October 30, 2026.*