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.
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.
