{"id":"claude-animation-base","name":"Claude Animation Base","url":"https://wunderlust.xyz/r/claude-animation-base","category":"motion","category_label":"Motion & animation","tags":["open-source","free","claude-code"],"short":"p5.js kit for Claude to animate hand-painted cartoons, with a character of its own","what":"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.","uses":"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."],"links":{"official":"https://github.com/JohnHeibel/ClaudeAnimationBase"},"image":"https://wunderlust.xyz/media/claude-animation-base-poster.jpg","video":"https://wunderlust.xyz/media/claude-animation-base.webm","share_image":"https://wunderlust.xyz/og/r/claude-animation-base.jpg","similar":["pixelfx","lemo-opuscar","hyperframes","video-shotcraft","openfilm","herk-edit-kit"],"added_on":"2026-11-12","steal":"Give the agent a written guide and contact sheets so it checks its frames before the MP4","patterns":["illustration"],"why":"A written guide and contact sheets let the agent see its own frames and fix them, so drawings improve before you watch any video.","avoid":"Painted fills are slow without a GPU. Review contact sheets while you iterate and render the full video only at the end.","pt":{"name":"Claude Animation Base","short":"Kit em p5.js para o Claude animar desenhos pintados à mão, com um personagem próprio","steal":"Dê ao agente um guia escrito e folhas de contato para ele conferir os quadros antes do MP4","what":"Traz o personagem Clawd, com 31 emoções, e um ANIMATION_GUIDE.md com regras e API que o modelo deve ler primeiro. Um renderizador headless gera folhas de contato, recortes, quadros e MP4, e o studio.html deixa navegar pelas cenas.","uses":"Para quem quer um desenho animado em aquarela feito pelo Claude, como o clipe demo de 11 segundos, com o agente conferindo os próprios quadros.","benefits":["Clawd com 31 emoções, chapéus, gestos e danças","Folhas de contato para o agente revisar o que fez","Demo pronta: node render.mjs --clip --out=out/video.mp4"],"caveats":["Exige Node.js, Google Chrome e ffmpeg; sem GPU dedicada, o preenchimento em aquarela leva segundos por quadro.","Segundo o README, os vídeos de teste usaram Opus 5.5 com raciocínio xhigh no Claude Code, e esse nível muda o quanto as cenas ficam elaboradas."],"why":"Um guia escrito e contact sheets deixam o agente ver os próprios frames e corrigir, e os desenhos melhoram antes de você assistir a qualquer vídeo.","avoid":"Preenchimento pintado é lento sem GPU. Revise as contact sheets enquanto itera e renderize o vídeo completo só no fim."},"schema_version":1}