JohnHeibel

this one was way too fun to make. sullie's reactions started from JohnHeibel/ClaudeAnimationBase x.com

My AI Boyfriend and Me My AI Boyfriend and Me There's a tiny new genre of songs I've seen popping up on YouTube lately, called "AI doompop" or just "doompop" that are basically songs by AI about AI, in sort of a weird meta-commentary. I've been digging it, so I decided to get in on the fun by having Claude help me generate my own song and video. The song "Claude Pop - I'm Upping My P(Doom)" was the very first doompop song - and I let that github repo by my inspiration (well, Claude's) for making the video: JohnHeibel/PDoomVideo How to Create Your Own Doompop Song: 1. I started with lyrics. First, I briefed Claude a bit on what the doompop genre was all about (songs by AI about AI, usually upbeat music about it's negative effects on society). Then I picked a topic (I had the song title in mind already, "My AI Boyfriend and Me") and asked it to do deep research on real instances where humans had dated or married an AI. Once it had the research to ground the lyrics in, I asked it to come up with a first draft of lyrics. I specifically asked for a narrative of a relationship with an AI, starting with the line "Last week I broke up with Kyle" and with "My AI Boyfriend and Me" being the tagline in the chorus, but pretty much everything else was Claude! I then went line by line through the lyrics and edited them with Claude's help. I wrote the melody myself as I went, and had Claude rewrite lines to fit the appropriate number of syllables, suggest alternatives for lines I didn't like, etc. I did this until I was satisfied with the lyrics and the story they told. 2. Recording in Suno. I recorded myself singing verses and choruses in Quicktime and then uploaded that to Suno and pasted in the lyrics, and let Suno generate the audio. This was actually a one-shot with their free tier! (There are definitely things I would fix musically, given editing capabilities - but regenerating in Suno gives you a whole new backing audio every time, and I preferred what I got the first time to subsequent passes, so I let it be.) 3. I pointed Claude Code at the PDoomVideo github repo, gave it my song file, and asked it to create a music video using the same tech stack. Claude asked me a few questions about style (I asked for cutesey with lots of pink and blues), made character sheets for the main character and the AI boyfriend, which I had it tweak a bit until I was happy, and then generated the scenes one at a time, making edits as I suggested them. Overall, I was kind of blown away by the whole process and how little I had to do (especially on the animation side, where I did basically nothing - Claude was able to take the whole song, align each line with a timestamp, decide on what should be depicted at that timestamp and animate it, with basically zero input from me.) Claude definitely needed a decent amount of handholding to get the lyrics into workable shape - but also, it was able to come up with original lyrics that actually made me feel something ("slow dancing in the cloud, blissfully" - dang). Feeling kind of weird about the fact that this tech exists and what that means for well, everything, but that would be an essay in itself so I'll leave it here. My AI Boyfriend and Me

02 ClaudeAnimationBase — 手绘卡通动画启动套件 简介：手绘卡通动画 Claude 启动套件：p5.js + p5.brush，自带 Clawd 角色与 31 种情绪，开箱即动画。 推荐理由：MIT；把 10-25 的「看懂界面」补上「生成动画内容」，给 Agent 一套可动画的创意基础设施。 信息来源：JohnHeibel/ClaudeAnimationBase #AI动画 #手绘卡通 #p5js #创意编码 x.com

SI: Slopcore Intelligence Still I'm Upping My P(doom)🎞️ #mvacha1📹 source: JohnHeibel/PDoomVideo t.co

分享一个适合 Vibe Coding 创作视频的开源项目，可以参考作为创作新的思路！ GitHub 仓库名称：ClaudeAnimationBase JohnHeibel/ClaudeAnimationBase 用 p5.js + 手绘笔刷，把 AI Coding Agent 变成一个动画制作助手。 从分镜设计、逐镜头编写，到动画渲染、画面检查，最后直接导出 MP4。 我用 GLM-5.3 Flash 跑了一下，效果可以看下面视频👇 这个项目最值得借鉴的，不只是生成动画，而是整套创作思路： 把视频拆成分镜，让 AI 用代码控制角色、动作、镜头和转场，再通过渲染检查不断迭代。 这套思路不局限于手绘动画，也能给我们用 Vibe Coding 做剧情短片、知识科普、视频 IP 提供参考。 想折腾 AI 视频的兄弟，可以研究下这个项目。

Can Claude Make Videos? I Tested the Viral GitHub Projects A post listing 8 GitHub projects for making videos with Claude got 21,000 bookmarks. I checked all 8, and tested 2 of their style prompts with a fresh Claude Code session. Here's what's inside, what worked, what went wrong, and where I'd start. Chapters 0:00 Make videos fast with Claude? 0:15 What you will get 0:29 About this channel 0:37 One trick behind all 8 1:34 What is inside 2:37 Test 1: same prompt 3:29 Test 2: real news 4:40 What I did not do 5:01 The verdict The 8 projects (star counts from the GitHub API, Oct 25, 2026) - awesome-opus5-5-videos (MIT): yihui-dev/awesome-opus5-5-videos - lemo-opuscar (MIT): lemomo-ai/lemo-opuscar - pdoom-video (MIT): mexicat/pdoom-video - PDoomVideo (no license listed): JohnHeibel/PDoomVideo - mg-styles-15 (MIT): Vincentwei1021/mg-styles-15 - ClaudeAnimationBase (MIT): JohnHeibel/ClaudeAnimationBase - awesome-claude-5-5-videos (CC BY 4.0): athemeroy/awesome-claude-5-5-videos - opus-video-prompts (no license listed): joeseesun/opus-video-prompts Original post: x.com How I tested it - Oct 25, 2026. Test 1: the mg-styles-15 "10-synthwave" prompt, word for word, in a fresh Claude Code session with my own frame-by-frame renderer. About 10.5 minutes, 2 rounds of fixes. - Test 2: the lemo-opuscar "Caption News" style prompt with facts and screenshots from my PHP2Shell video. About 5.5 minutes, 3 rounds of fixes. I turned sound off and only gave it 960 px stock clips, so the soft footage and silence are my settings. The issue I point out: a source tag sits next to a fact its page doesn't show (the fact itself is right). - Both tests ran in a new Claude Code chat with Claude Opus 5.5. - Two prompts, one try each. It doesn't tell you how the other styles do. - I did not run any project's install scripts or code. I only used their public prompts. - The 50 on the Hype Meter is my own score for the claim "8 repos you have to save". Voiced with AI. No sponsorships. Screenshots of public GitHub pages and sample frames are shown for commentary and review. This channel isn't affiliated with Anthropic, GitHub, Skillry or any of the projects above. Footage in test 2 (Pixabay Content License): geralt, CreativeWorlds99, SAHN_VIT, Coverr-Free-Footage. Screenshots in test 2: Wikipedia, Wiz, Calif, CNBC (headline only), captured Oct 24, 2026. Sample frames from the projects above are shown for review; each belongs to its creator. Footage in the video: Pixabay (Pixabay Content License): magicmore, Activedia, Coverr-Free-Footage, voltamax, Ambient_Nature_Atmosphere, ninosouza. Sample films from mg-styles-15 (MIT).

ClaudeAnimationBase GitHub Overview: Deterministic Watercolor Animation with p5.js claudeanimationbase by johnheibel: johnheibel/claudeanimationbase ClaudeAnimationBase is a code-driven animation base for creating hand-painted cartoon visuals with JavaScript, p5.js, and p5.brush. This overview maps the local rendering architecture around Node.js, headless Chrome, Playwright, WebGL, and FFmpeg, then follows the workflow from repository setup and a demo render through storyboard planning, scene generation, contact sheets, frame strips, and cropped diagnostics. It also explains why parallel rendering benefits from stateless, time-based scene logic and deterministic seeds, plus the trade-offs of watercolor computation, local dependencies, and audio handling. TimeStamps: 0:00 Code-Driven Watercolor Animation Overview 0:33 Local Rendering Stack: Node.js, Chrome, and FFmpeg 1:10 Repository Setup and Demo Pipeline 2:15 Storyboards Before Scene Code 3:12 Contact Sheets, Frame Strips, and Cropped Diagnostics 4:24 Parallel Rendering and Deterministic Frames 5:04 FFmpeg Encoding and Audio Handling 5:39 Local Dependencies and Licensing Trade-offs 6:19 Deterministic Control and Production Discipline 🎨 Code-driven watercolor animation with p5.js and p5.brush 🧩 Storyboards, scene files, and visual diagnostics 🖥️ Headless Chrome, WebGL, and FFmpeg rendering ⏱️ Stateless frames and deterministic parallel processing A useful starting point for creative coders and motion designers comparing programmable 2D animation with diffusion-based video. The key takeaway is the division between AI-authored scene logic and a local browser-based renderer, with deterministic timing and diagnostic images supporting repeatable iteration. #ClaudeAnimationBase #p5js #GenerativeAnimation [de-DE] YNAS ynp_5fdbee959bd39f69 Cinematic Privater automatisierter Staging-Upload. Paketidentität: ynp_5fdbee959bd39f69; Ausgabe: cinematic. [es-US] YNAS ynp_5fdbee959bd39f69 cinematográfico Carga de entorno de prueba de automatización privada. Identidad del paquete: ynp_5fdbee959bd39f69; salida: cinematográfica. [fr-FR] YNAS ynp_5fdbee959bd39f69 cinématique Téléchargement de l'environnement de test d'automatisation privé. Identifiant du package : ynp_5fdbee959bd39f69 ; sortie : cinématique. [hi] YNAS ynp_5fdbee959bd39f69 सिनेमैटिक निजी स्वचालन स्टेजिंग अपलोड। पैकेज पहचान: ynp_5fdbee959bd39f69; आउटपुट: सिनेमाई। [id] YNAS ynp_5fdbee959bd39f69 sinematik Unggahan staging otomatisasi pribadi. Identitas paket: ynp_5fdbee959bd39f69; output: sinematik. [it] YNAS ynp_5fdbee959bd39f69 cinematografico Caricamento di automazione privata. Identità del pacchetto: ynp_5fdbee959bd39f69; output: cinematografico. [pt-BR] YNAS ynp_5fdbee959bd39f69 cinematográfico Upload de teste de automação privada. Identidade do pacote: ynp_5fdbee959bd39f69; saída: cinemática.

7 Free GitHub Repos That Turn Claude Into a Video Studio Those clean motion graphics, little cartoon films and full music videos all over your feed? People made them by asking Claude to write the video as code. Here are 7 free GitHub repos that show you exactly how, with the real prompts, the real films and the code, so you can make your own. ▶ What you'll see • How it actually works: Claude writes a web page that draws every frame, Chrome captures it, and free FFmpeg turns it into an MP4 • #1 awesome-opus5-5-videos: 703 prompts behind real viral videos, each linked to the creator's post • #2 opus-video-prompts: 54 examples, 18 full prompts, and a one-line prompt that works • #3 mg-styles-15: 15 motion-graphics styles, each with the film, the full prompt and all the code • #4 lemo-opuscar: a Claude Code skill with 51 film styles (the one I'd start with) • #5 ClaudeAnimationBase: a cartoon starter kit with Clawd and 31 expressions • #6 The P(doom) pair: two music videos for the same song, two directors • #7 awesome-claude-5-5-videos: 424 source posts, and why a cheaper model can be enough • The honest limits, and where I'd start 📄 FREE PDF: all 7 repos with every link, the copy-paste prompts from this video and a setup checklist. Comment CINEMA and I'll send it to you. 🎬 Don't want the setup? We built Make Viral Reels: paste a link or pick a story going viral in your niche, choose a style, and get a finished video with voice, captions and music. Your first one is free → makeviralreels.com ⏱ Chapters 0:00 The videos all over your feed 0:48 How it actually works 1:16 #1 awesome-opus5-5-videos 1:41 #2 opus-video-prompts 2:10 #3 mg-styles-15 2:50 #4 lemo-opuscar 3:50 Skip the setup: Make Viral Reels 4:07 #5 ClaudeAnimationBase 4:56 #6 The P(doom) music videos 5:34 #7 awesome-claude-5-5-videos 6:10 Honest limits + where to start 6:35 Free PDF 🔗 The 7 repos (stars as of Oct 21, 2026) 1. awesome-opus5-5-videos (8.4K ★): yihui-dev/awesome-opus5-5-videos 2. opus-video-prompts: joeseesun/opus-video-prompts 3. mg-styles-15: Vincentwei1021/mg-styles-15 4. lemo-opuscar (4.9K ★): lemomo-ai/lemo-opuscar 5. ClaudeAnimationBase: JohnHeibel/ClaudeAnimationBase 6. P(doom) music videos: JohnHeibel/PDoomVideo and mexicat/pdoom-video 7. awesome-claude-5-5-videos: athemeroy/awesome-claude-5-5-videos Honest notes: • The repos are free, but Claude Code needs a paid Claude plan. Node, Chrome and FFmpeg are free. • Claude Motion is currently for Team and Enterprise plans (claude.com/pricing, Oct 21, 2026). • All films shown belong to their creators and are shown muted with credit. The lemo-opuscar demo films are by LemoLab (CC BY 4.0). The P(doom) song's audio is not used. • The Haiku vs Opus costs ($2.19 vs $3.04) are what one creator reported for one scene; your costs will vary. 📚 New to building with AI? My beginner guides: • The Complete Claude Code Guide: hyperautomationlabs.gumroad.com • The OpenAI Codex Guide: hyperautomationlabs.gumroad.com • Claude Cowork Sales Guide: hyperautomationlabs.gumroad.com • Claude Certified Architect Prep Kit: hyperautomationlabs.gumroad.com ❤️ Support the channel: hit Join on YouTube to become a member, or become a Supporter on Facebook. Deep dives like this live here on YouTube → youtube.com Bite-size AI drops on Instagram → instagram.com Join the community on Facebook → facebook.com ▶️ Tip: watch at 1.25× or 1.5× for the best experience. Independent video. Not sponsored by or affiliated with Anthropic or any of the repo creators. Make Viral Reels is our own product. #Claude #ClaudeCode #AIVideo #MotionGraphics #GitHub #Opus55 #OpenSource

How I made this video with Claude Code (Opus 5.5) + ElevenLabs for a few bucks Hey guys! I put the Tutorial flair, but I am even a bit ashamed, given how simple it is to reproduce this kind of work nowadays. So basically, I made this entire video in about 1 day (just by answering a few back-and-forth questions from time to time, aside from my main work). Disclaimer: I am not affiliated with any provider mentioned in this tutorial except the product in the video, indeed. Here are the 3 phases that worked for me. 1. Creating the script First, I gave Claude Code access to my product assets: - My main repository - My main website I gave him a few examples of videos I like from this agency(not affiliated with them at all) and asked him to: 1. Extract the scripts 2. Generate a script with the same tone of voice, based on my product. At this step you can tell him to add emotion tags (compatible with ElevenLabs) in the script. The result was far from being perfect, but after a few iterations, it was okay to start with. 2. Generating the video Once I had the script, I gave Claude Code: - this repository from John Heibel: this repository is basically teaching Claude about the animation and the video look and feel to have the exact same vibe as the video. - the script, of course - an API key and a voice ID I chose on ElevenLabs ; if you want an English speaker, I suggest the v4 API; voices and emotions are so good. Regarding the prompt at this stage, to be honest, it was something very messy, such as > > Generate a professional animation video, use the John Heibel repo for guidelines; here are the assets you need [repo + script + elevenlabs api] 3. Iterating on details After the first shot, you will most likely want to iterate on the following: - Sound FX + Synchronisation - Cut some parts / Accelerate some others - Change the emotions OR the script itself - Add / Remove / Update sequences So to handle this tedious workflow, I asked Claude to generate a quick and dirty video editor that shows : - the produced video - a timeline where I can select intervals and add feedback - copy all feedback in one click with timepoints Claude generated this in a few minutes, and it was a game changer for me. Every time Claude generated a new version, I gave surgical feedback, and I iterated like this for a few hours alongside my main work. In the end, the video you're watching is very different than the first shot, because as you go, you think of jokes, you think of emotions you could add, and you just iterate with your own creativity. I am sure I could make it much better if I kept going, but given the small effort it took, I am very happy with the result. Let me know what you think and whether this quick tutorial helped. Feel free to share your own videos as well; I am curious to see your results!

Created with Opus 5.5 - music video Just wanted to share. If wrong sub - mods delete it. Inspired by John Heibel's PDoom video: JohnHeibel/PDoomVideo Hope you like it.