GenAI PMHyperFrames
An open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. It includes a CLI and agent skills for code-based video creation and rendering.
Key Highlights
- HyperFrames is an open-source HeyGen framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos.
- It supports code-based video creation through a CLI and published agent skills, with workflows referenced in Codex, Claude Code, and Cloud Code.
- Newsletter examples show it being used for launch videos, design-to-video workflows, and high-volume AI-assisted ad creative production.
- On 2026-10-19, HyperFrames v0.8.174 was noted for bug fixes and performance improvements, alongside strong GitHub traction.
- For AI PMs, HyperFrames is a useful case study in making creative output programmable, repeatable, and agent-compatible.
At a glance
- Category
- Video
HyperFrames
Overview
HyperFrames is an open-source framework from HeyGen for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. It is positioned as a code-based video creation and rendering system, with a CLI plus agent skills that let users generate videos through AI coding workflows. Newsletter mentions also describe it as Apache-2.0 licensed and usable through tools such as Codex, Claude Code, Cloud Code, and related connectors or plugins.For AI Product Managers, HyperFrames matters because it turns video production into a programmable workflow. Instead of relying only on manual editing, teams can generate launch videos, design demos, ad creatives, and other repeatable media assets from prompts, design documents, screenshots, logos, or even website URLs. That makes it relevant for PMs working on growth, product marketing, developer tooling, AI agents, and content operations where speed, repeatability, and structured generation matter.
Key Developments
- 2026-06-21: Peter Yang introduced HyperFrames as a free, open-source tool that uses Codex and Claude Code to generate videos in pure HTML, highlighting workflows such as creating a `frame.md` and storyboards.
- 2026-06-22: A tutorial showed how to use HeyGen’s HyperFrames with AI coding agents such as Cloud Code and Fable 5 to convert a website URL into a professional launch video by generating an HTML/CSS/JavaScript codebase and rendering it to MP4. The example used the `/website-to-video` skill on spotify.com.
- 2026-06-23: Peter Yang shared a free 5-step workflow using HyperFrames inside Codex or Claude Code to turn screenshots, logos, and design markdown files into HTML videos.
- 2026-07-23: HyperFrames appeared in Alex Hormozi’s ad creative workflow, where one editor reportedly produced 300 AI-driven ad variants per week using a stack that included Apify, custom LLMs, HyperFrames, Adobe Premiere, image generation tools, and analytics APIs.
- 2026-10-19: HeyGen released HyperFrames v0.8.174, described as fixing timeline-range deletion and improving cloud downloads and Lambda assembly speed. The project was also noted as having 67,176 GitHub stars and 5,883 weekly trending gains, with 21 published agent skills.
Relevance to AI PMs
- Prototype video generation as a product surface: AI PMs can use HyperFrames to test workflows where users create videos from prompts, URLs, screenshots, or design specs. This is useful for validating agent-driven creative tools before investing in full production pipelines.
- Operationalize repeatable content creation: Because HyperFrames is code-based and deterministic, PMs can standardize output formats for launch videos, product explainers, and ad variants. That is especially useful when teams need consistent creative at scale.
- Bridge AI agents with media workflows: HyperFrames shows how agent skills, CLI tooling, and rendering infrastructure can connect LLM-based planning to real media outputs. PMs can study it as a pattern for turning agent actions into tangible deliverables rather than only text or code.
Related
- HeyGen: HyperFrames is described as an open-source framework from HeyGen and is also referenced as `heygen-com/hyperframes`.
- Codex / Claude Code / Cloud Code: These tools are mentioned as environments where HyperFrames can be used for prompt-driven or slash-command video generation.
- Fable 5: Referenced alongside Cloud Code in a workflow for turning a website into a launch video.
- Peter Yang: Early newsletter mentions credit Peter Yang with introducing and sharing workflows for HyperFrames.
- HyperFrames Studio: Likely part of the broader HyperFrames ecosystem, though the supplied mentions focus on the framework, CLI, and agent skills.
- Adobe Premiere: Mentioned as part of a production workflow where HyperFrames supported scaled ad creative generation.
- Apify: Used upstream in an ad-creative workflow that also included HyperFrames for post-production.
- MP4 videos: The primary output format emphasized across descriptions of the framework.
Frequently asked questions
What is HyperFrames?
An open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. It includes a CLI and agent skills for code-based video creation and rendering.
What should AI product managers know about HyperFrames?
HyperFrames is an open-source HeyGen framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. It supports code-based video creation through a CLI and published agent skills, with workflows referenced in Codex, Claude Code, and Cloud Code. Newsletter examples show it being used for launch videos, design-to-video workflows, and high-volume AI-assisted ad creative production.
Explore this topic
Newsletter Mentions (5)
“heygen-com/hyperframes is an Apache-2.0 open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos, with a CLI and 21 published agent skills. heygen-com released HyperFrames v0.8.174 on October 19, 2026, fixing timeline-range deletion and speeding up cloud downloads and Lambda assembly; the repo has 67,176 GitHub stars and 5,883 weekly trending gains.”
#9 🐙 heygen-com/hyperframes heygen-com/hyperframes - heygen-com/hyperframes is an Apache-2.0 open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos, with a CLI and 21 published agent skills. heygen-com released HyperFrames v0.8.174 on October 19, 2026, fixing timeline-range deletion and speeding up cloud downloads and Lambda assembly; the repo has 67,176 GitHub stars and 5,883 weekly trending gains. Worth trying if you need agent-guided, code-based video creation and rendering. Release notes
“Alex Hermosi’s ad creative workflow demonstrates producing 300 AI-driven ad variants per week with one editor using Apify, custom LLMs trained on first-party data, Hyperframes + Adobe Premiere, nano banana/GPT2 image, and the Meta & Google Analytics APIs.”
GenAI PM Daily July 23, 2026. #22 ▶️ Naval says calendars are dumb (LIVE Q&A) Greg Isenberg Alex Hermosi’s ad creative workflow demonstrates producing 300 AI-driven ad variants per week with one editor using Apify, custom LLMs trained on first-party data, Hyperframes + Adobe Premiere, nano banana/GPT2 image, and the Meta & Google Analytics APIs. One editor produces 300 pieces of ad creative per week. 80% of the ad production process is AI-driven while 20% involves human editing. The stack uses Apify for scraping the Meta Ad Library, LLMs trained on first-party data for scripting and copy, Hyperframes and Adobe Premiere for post-production, nano banana or GPT2 image for static graphics, and the Meta & Google Analytics APIs for performance feedback.
“Peter Yang shares a free 5-step workflow using Hyperframes (in Codex or Claude Code) to turn screenshots, logos and design MDs into HTML videos.”
Hyperframes appears in a shared workflow for turning design assets into HTML videos.
“Use HeyGen’s open-source HyperFrames framework with AI coding agents (e.g., Cloud Code + Fable 5) to convert any website URL (such as spotify.com) into a professional launch video by generating an HTML/CSS/JavaScript codebase and rendering it to MP4 for free.”
#6 ▶️ Full Tutorial: Make Professional Launch Videos for Free with Hyperframes | Bin Liu & Jake Moran Peter Yang Use HeyGen’s open-source HyperFrames framework with AI coding agents (e.g., Cloud Code + Fable 5) to convert any website URL (such as spotify.com) into a professional launch video by generating an HTML/CSS/JavaScript codebase and rendering it to MP4 for free. A 1-minute Spotify launch video was generated end-to-end by prompting Cloud Code with Fable 5 using the “/website-to-video” HyperFrames skill on spotify.com (“make a launch video for spotify.com”). HyperFrames installs via the quickstart script at hyperframes.ai.com/quickstart, as the “HyperFrames by HeyGen” plugin in the Codex Plugin Store (Creativity section), or as a connector in Claude, enabling slash-command video generation.
“in Peter Yang introduces HyperFrames’ free, open-source tool that uses Codex and Claude Code to generate videos in pure HTML.”
#4 in Peter Yang introduces HyperFrames’ free, open-source tool that uses Codex and Claude Code to generate videos in pure HTML. He highlights key workflows—like creating a frame.md and storyboards—and teases a full tutorial tomorrow.
Related
Anthropic’s coding assistant environment used by creators to automate editing workflows. Relevant for PMs interested in agentic media production and code-adjacent automation.
A newsletter/video creator who recapped comparative tests of multiple frontier models. For PMs, his analysis highlights practical strength differences across use cases.
OpenAI’s coding assistant referenced as a host for the Graphify skill. Relevant for PMs comparing coding-agent ecosystems.
Cloud Code appears to be a coding agent or coding workflow used to generate launch videos from websites. The newsletter describes it as working with Fable 5 and HyperFrames.
A benchmark or model used as a comparison point for Devin's GPT-6 Astra performance. It is mentioned only as a reference for code quality/cost comparison.
Stay updated on HyperFrames
Get curated AI PM insights delivered daily — covering this and 1,000+ other sources.
Subscribe Free