HyperFrames: 450 motion blocks that Claude Code searches before animating
HeyGen's open-source HyperFrames renders video as HTML and has Claude Code search 450 motion blocks before animating, then stitch MP4 locally.
someone open-sourced 450 motion design blocks and taught Claude Code to search them before it animates anything HeyGen's HyperFrames. 72K stars, Apache-2.0 a video here is just an HTML file. headless Chrome seeks it frame by frame, FFmpeg stitches the MP4. same input, same video, every render the part that matters is the registry when the brief says glitch, film grain, a shimmer sweep, a chart or a map, the skill makes the agent search the catalog first instead of building it by hand: → transitions and camera moves → titles and kinetic type → captions → charts and maps → overlays → 3D one line of intent in, ranked blocks out: > npx hyperframes catalog --query "reveal a headline one line at a time" > npx hyperframes add caption-clip-wipe the search runs on your machine and sends nothing. every block lands in your project as editable source, so you tweak the timing instead of fighting a black box already on Remotion? /remotion-to-hyperframes ports Remotion, Motion Canvas, Lottie or Three.js code over and checks it frame by frame runs locally on Node 22+ and FFmpeg bookmark this, repo below ↓
This post quotes another post: x.com/asteri_eth/status/2109983305034563817