Claude Code and HyperFrames build a kids' animation music video edit
Claude Code wrote an HTML and GSAP animation and HyperFrames rendered it frame by frame into a 34-second, five-move beat-synced music video from a kids' clip, at under one cent in cost.
this bunny doesn't exist. neither does the puppy 34 seconds. 5 moves. 527K views on TikTok... everything on top of the clip is code, and Claude Code wrote it how it's built: step 1: pick or generate a kids clip where the character acts out every move in the song step 2: Whisper on Groq gives the sung words their start and end times. every number and lit word in the edit lands on those times step 3: the edit is HTML + GSAP. 5 circles up top, one per move. on each move a big number pops up next to the character and flies into its circle. the lyrics light up as they're sung step 4: HyperFrames renders it frame by frame in headless Chrome. MP4 in under 3 minutes cost of this edit: <1 cent for Whisper. HyperFrames is free and open source. Claude Code runs on the plan you already have then swap in your own character. generating one runs about $4.50 to $15.60 a pass at list prices I put the whole pipeline on GitHub, with 3 worked examples and a prompt for each step: idea, character, song, animation, timing, edit, render repo in the reply ↓