HyperFrames
HyperFrames is HeyGen's open-source (Apache-2.0) renderer that turns HTML, CSS and GSAP into frame-exact MP4. Agents are good at writing web pages, so it has become a popular way to let a coding agent make motion graphics. Here's everything we've tracked on it: releases, skills built on top of it, and pipelines that use it.
Lab posts (8)
- Spotted, not yet tested#editing#dubbing#subtitles#MCP#agent skillsBaoCut: an AI video agent where every caption, dub and cut stays editable
Most AI video tools render once and hand you a file. BaoCut makes the timeline the source of truth: transcripts, translations, subtitle layers, voice-overs and code-made motion graphics all live in one editable video that you and your agent edit through the same undo stack.
Source: Jim Liu 宝玉 (@dotey)
- Spotted, not yet tested#editing#agents#MCP#skills#captions#talking headFour editors your coding agent drives: editonny, BashCut, Yap and free247editor
Agent editing is splitting into styles: a portable skill with 145 motion scenes (editonny), a native Mac timeline with a CLI and MCP (BashCut), a record-and-point toolkit (Yap), and an editor that turns your notes into rules (free247editor).
Source: Matheus Gomes
- Spotted, not yet tested#OpenDesign#motion graphics#open source#Claude Motion#agentsOpenDesign Motion: open-source code-to-video without the Claude Motion lock-in
Codename OpenDesign Motion: ask an agent for a video, get editable source plus an MP4. Desktop is free OSS; Cloud is paid. About 101.5k GitHub stars when we checked.
- Based on the creator’s video · not yet tested by us#motion graphics#prompting#Remotion#HyperFrames#workflow'One prompt' motion graphics is mostly a myth. Here's what the good ones actually did
Nikandr Surkov went through about a hundred of the most-shared Opus 5.5 motion videos and the replies under them. The 'one prompt' turned out to be a brief, references, a spec and several rounds of notes.
Source: Nikandr Surkov
- Spotted, not yet tested#editing#vertical video#HyperFrames#agent skills#open sourceheditor: talking-head footage in, a styled 9:16 Reel out, built on HyperFrames
A brand-new MIT-licensed agent skill that cuts a 30–70 second argument out of a lecture, live stream or podcast and rebuilds it as a designed vertical short, then checks its own work.
Source: PycodeBR (Felipe Azambuja)
- Spotted, not yet tested#HyperFrames#agent skills#audio sync#storyboardsHyperFrames this week: storyboard boards, an audio command, beats without Chrome
Five releases in about a day, and they all push agents toward the same habits the best creators use: stills before motion, and cuts measured against real audio.
Source: HeyGen
- Spotted, not yet tested#motion graphics#agent skills#open sourceHyperFrames: HeyGen's bet that agents should write video as HTML
An Apache-2.0 renderer that turns plain HTML, CSS and GSAP into frame-exact MP4, with a skill router that picks the workflow for you.
Source: HeyGen
- Spotted, not yet tested#roundup#open source#rankingsThe top GitHub video repos right now, ranked by stars (Oct 2026)
Twenty repos for AI video, agent video skills and ComfyUI workflows, pulled from the GitHub search API on Oct 14 2026.
Source: Each repo's maintainers (linked)
Skills, repos & workflows in the directory (5)
- BaoCut MCP
Desktop AI video agent (macOS Apple Silicon, Windows) with an editable timeline: local transcription, subtitles, translation, dubbing with vocal separation, filler/retake cuts, HTML motion graphics (baocut/1 and hyperframes/1). Drive it from Claude Code/Codex via skill, MCP or CLI. Source-available Community License (content use free; commercializing the software needs a licence).
- claude-motion-explainer Skill
One sentence to a narrated explainer animation on HyperFrames: research, storyboard, TTS, one sub-agent per scene in parallel, captions, three-colour theme, contact-sheet self-review; includes 26 lessons and a fix_voice.py for mispronounced words. Traditional Chinese. MIT.
- free247editor Skill
Drop a raw talking-head video in the inbox, say 'edit this': cuts, word-by-word captions, HyperFrames + GSAP motion cards, zooms and sound. Plain-word notes become rules in my-rules.md so later edits follow your style. MIT.
- HyperFrames skills Skill
HTML → deterministic MP4; /hyperframes router picks launch, explainer, PR-to-video, recut or music workflows.
- heditor Skill
Talking head → styled 9:16 Reel on HyperFrames: named styles, word-timed cut, voice-first mix, vision QA. MIT.
Pipelines (4)
- HyperFrames product launch video from a URL · Spotted, not yet tested
- HyperFrames: talking-head footage → captioned, designed recut · Spotted, not yet tested
- Higgsfield MCP + code motion: two-layer cinematic launch · Based on the creator's video · not yet tested by us
- Music video: own the track, cut on the beat · Spotted, not yet tested