2.2K ·GitHub
What is this?
The source code behind 'I'm Upping My P(doom)', a music video generated entirely by Claude Opus 5.5 in Claude Code — every scene, character and transition came from the model, not a human animator.
The source code behind 'I'm Upping My P(doom)', a music video generated entirely by Claude Opus 5.5 in Claude Code — every scene, character and transition came from the model, not a human animator.So is this a finished video file I can download, or something else?It's the code that draws the video: p5.js scenes painted frame by frame in a browser page (studio.html), plus render.mjs, which renders those frames in headless Chrome and encodes them into the MP4 with ffmpeg.
It's the code that draws the video: p5.js scenes painted frame by frame in a browser page (studio.html), plus render.mjs, which renders those frames in headless Chrome and encodes them into the MP4 with ffmpeg.How do I render the video myself?Install Node.js, Google Chrome and ffmpeg, then run the render.mjs script — it shoots the frames in headless Chrome and encodes the MP4. The song is already included at assets/pdoom.mp3.
Install Node.js, Google Chrome and ffmpeg, then run the render.mjs script — it shoots the frames in headless Chrome and encodes the MP4. The song is already included at assets/pdoom.mp3.Any gotchas when I try to render it?The script expects Chrome at the default Windows install path; if yours lives elsewhere, pass the location via --chrome=. Otherwise you just need all three tools present.
The script expects Chrome at the default Windows install path; if yours lives elsewhere, pass the location via --chrome=. Otherwise you just need all three tools present.How did an AI model end up making a whole music video?Two Claude Code generations: the first pass (kept in legacy/) used Claude Opus 5.5 Medium, and everything else came from a second generation with Claude Opus 5.5. No scene ideas were specified — the only direction was to use the Clawd character design and give each lyric interesting visuals and transitions.
Two Claude Code generations: the first pass (kept in legacy/) used Claude Opus 5.5 Medium, and everything else came from a second generation with Claude Opus 5.5. No scene ideas were specified — the only direction was to use the Clawd character design and give each lyric interesting visuals and transitions.Did a human write any of the animation code or plan the shots?No — everything in the repository was generated by the model. Opus even wrote STORYBOARD.md (its shot-by-shot plan) and ANIMATIONGUIDE.md, the style guide it used to brief the subagents it ran in parallel.
No — everything in the repository was generated by the model. Opus even wrote STORYBOARD.md (its shot-by-shot plan) and ANIMATIONGUIDE.md, the style guide it used to brief the subagents it ran in parallel.What's inside the repo if I want to poke around?Nine chapter files under src/ch/ (one per chapter of the video), shared code in src/ (Clawd, guest characters, props, lyrics and the timeline), studio.html where every frame is painted with p5.js and p5.brush, the two Opus-written planning docs, and legacy/ with the first generation.
Nine chapter files under src/ch/ (one per chapter of the video), shared code in src/ (Clawd, guest characters, props, lyrics and the timeline), studio.html where every frame is painted with p5.js and p5.brush, the two Opus-written planning docs, and legacy/ with the first generation.Can I reuse this setup for my own AI-made animations?This repo is the one-off source for this specific video, but the author has since built a newer, more reliable and general base for making Claude animations with Claude Opus 5.5 and recommends using that instead.
This repo is the one-off source for this specific video, but the author has since built a newer, more reliable and general base for making Claude animations with Claude Opus 5.5 and recommends using that instead.What are similar projects?procedural-film, ClaudeAnimationBase, genart-skill, riso-windowseat, world-execute-me-dsh-pv, astra-chatgpt-hyperframes, huashu-art-motion, awesome-opus5-5-videos
procedural-film, ClaudeAnimationBase, genart-skill, riso-windowseat, world-execute-me-dsh-pv, astra-chatgpt-hyperframes, huashu-art-motion, awesome-opus5-5-videosWhich topics is it in?headless-chrome, video-production, generative-art, subagents, art, creative-coding, chrome, canvas, rendering, ffmpeg, video, animation
headless-chrome, video-production, generative-art, subagents, art, creative-coding, chrome, canvas, rendering, ffmpeg, video, animation