# Claude Animation Base

> p5.js kit for Claude to animate hand-painted cartoons, with a character of its own

Worth exploring: Give the agent a written guide and contact sheets so it checks its frames before the MP4

Why it works: A written guide and contact sheets let the agent see its own frames and fix them, so drawings improve before you watch any video.

Watch out: Painted fills are slow without a GPU. Review contact sheets while you iterate and render the full video only at the end.

Patterns: Illustration

- Category: Motion & animation (`motion`)
- Tags: `open-source`, `free`, `claude-code`
- Official: https://github.com/JohnHeibel/ClaudeAnimationBase
- Wunderlust: https://wunderlust.xyz/r/claude-animation-base
- Image: https://wunderlust.xyz/media/claude-animation-base-poster.jpg
- Video preview: https://wunderlust.xyz/media/claude-animation-base.webm
- Added: 2026-11-12

## What it is

Ships the character Clawd, with 31 emotions, and an ANIMATION_GUIDE.md with the rules and API the model should read first. A headless renderer makes contact sheets, crops, frames and MP4, and studio.html lets you scrub through the scenes.

## What it’s for

For someone who wants a watercolor cartoon made by Claude, like the 11-second demo clip, with the agent checking its own frames.

## Benefits

- Clawd with 31 emotions, hats, emotes and dances
- Contact sheets so the agent can review its own work
- A ready demo: node render.mjs --clip --out=out/video.mp4

## Caveats

- Needs Node.js, Google Chrome and ffmpeg; without a dedicated GPU the watercolor fills take seconds per frame.
- According to the README, the test videos used Opus 5.5 at xhigh reasoning in Claude Code, and that level changes how elaborate scenes get.

## Similar on Wunderlust

- [pixelfx](https://wunderlust.xyz/r/pixelfx.md): 244 pixel art effects, each a small code module, plus a skill for making new ones
- [Lemo-Opuscar](https://wunderlust.xyz/r/lemo-opuscar.md): Claude Code plugin with 99 film styles that the agent builds entirely in code
- [HyperFrames](https://wunderlust.xyz/r/hyperframes.md): HeyGen's open source framework that renders HTML and CSS into MP4 video
- [Video ShotCraft](https://wunderlust.xyz/r/video-shotcraft.md): Skill for Claude Code and Codex that builds promo videos with Remotion from your own screens
- [OpenFilm](https://wunderlust.xyz/r/openfilm.md): Open source video agent: code writes the film in HTML and you adjust it on a visual timeline
- [Herk Edit Kit](https://wunderlust.xyz/r/herk-edit-kit.md): 15-skill kit for Codex or Claude Code to edit video of one person talking to camera