Claude Animation plugin

A skill for hand-drawn 2D animation as code: a detail vocabulary, anatomical rigs and a frame-exact MP4, on Node and ffmpeg

  • 151 ★ on the repository
  • Last commit
  • MIT
Plugin

Minimal access

Why this level

  • The skill runs local Node code and calls ffmpeg, so review the generated scripts
  • A long frame-by-frame render can load the CPU and disk
All reasons and checks

buildwithhanif/claude-animation-skill

Install

Works in

In your terminal, with SkillFoxx CLI

npx skillfoxx add plugins/claude-animation

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skill runs local Node code and calls ffmpeg, so review the generated scripts
  • A long frame-by-frame render can load the CPU and disk

This is third-party code. Review the repository files before installing.

What it does

Claude Animation writes hand-drawn 2D animation as code. From a story the agent builds a frame-exact MP4 with paper grain, hatching, brush ink, blooming watercolour and glossy characters with real anatomy, and sound is synthesised from the same timeline as the picture. The license is MIT, Node and ffmpeg are required, and no browser, GPU or API keys are needed. The authors explain the idea: asking to animate a story in JavaScript yields flat shapes, while a drawn look comes from a vocabulary of detail and a habit of looking. The skill writes down both. A detail bible requires base, texture and edge for every surface. Anatomical rigs are shown on an ant: a segmented gaster, a petiole, a humped thorax, a compound eye, toothed mandibles and a six-legged gait. A colony kit gives leaves, eggs, larvae, a fungus garden and a `nestCanvas()` function for chambers and tunnels. For checking there are `sheet` and `strip` tools that make you look at frames. The `examples` folder holds four films: `ant-colony`, `claude-balloon`, `claude-game` and `money-quest`, each with a `film.mjs` script and `make.sh`.

Who it is for. Developers and animators who want drawn short clips from an agent as code, and anyone studying procedural animation techniques.

Good fit when

  • You want a short drawn clip in MP4 from a story with no manual animation
  • The agent must draw with surface detail and not flat shapes
  • Sound has to be assembled on the same timeline as the picture
  • You need ready film examples as sample code

Not a fit when

  • You need 3D graphics or photorealistic animation
  • You need an interactive animated interface for the web
  • Node and ffmpeg are unavailable on the machine

Example request

Make a twenty second drawn clip about an ant carrying a leaf to its nest, with brush ink and synthesised sound

Limitations

Node.js and ffmpeg are required, and the result is code that runs locally and writes MP4 files. The rigs and the colony kit are built around ants and underground scenes, so other characters need details described by hand. Rendering is frame by frame and can take noticeable time for long clips. The last commit is dated September 23, 2026 and the license is MIT. Examples in `examples` run with `make.sh` from their folder.

How to disable. Run `/plugin uninstall claude-animation` in Claude Code or delete the `claude-animation` skill folder from the agent skills directory.

FAQ

What does the skill need?

Node.js and ffmpeg. No browser, GPU or API keys.

What is the detail bible?

A rule that every surface gets a base, texture and edge. The skill makes the model ask for detail surface by surface.

Which examples are included?

Four films: `ant-colony`, `claude-balloon`, `claude-game` and `money-quest`.

Where does the sound come from?

It is synthesised from the same timeline as the picture.

Which license?

MIT.

Discussion

No questions or reviews yet.

Plugins

Six Claude Code skills make animation for reels with no footage: graphs, map routes, exploded views and narrated explainers

PluginExtended access709Repository stars

A Claude Code skill for hand-painted animation and lyric videos: frames drawn in code with p5.js, no image models

PluginExtended access223Repository stars

A Claude skill for story animations drawn live in the browser by code: watercolor, ink wash, scroll and night-book styles.

SkillMinimal access128Repository stars

A skill for Claude Code and Codex: the agent writes animation scenes, a browser player shows them, export to MP4 and Lottie.

SkillExtended access56Repository stars

A Claude Code skill for short animated videos drawn in code: seven styles, story and storyboard sign-off, voice-over and an MP4 render

SkillExtended access1.8KRepository stars

A Claude Code skill for code-made video: it splits a clip into scenes and picks an engine for each, from Paper.js to Manim.

SkillExtended access115Repository stars

Comparison with similar tools

Cards that share the main search query, and how they differ.

ToolOfficialRepository starsMain difference
Claude Animation (this card)no151
Remotion Agent Skillsno6,903hand-drawn 2D animation with paper grain and brush ink, with no Remotion graphics needed
Code Animation Promptsno1,012a ready skill with rigs and frame viewing tools and no set of prompts

README in short

The README explains why a drawn look comes from a vocabulary of detail and a habit of looking and lists four parts of the skill: a detail bible, anatomical rigs, a colony kit and frame viewing tools. Film examples with images and installation follow.

README badge

Report a problem