HeyGen

HyperFrames is an open-source framework developed by HeyGen that allows AI agents to compose and edit videos by writing HTML, CSS, and JavaScript code. Unlike traditional video editing software that relies on timeline-based manipulation, HyperFrames treats video composition as a programmable, web-native document. Users—or their AI agents—can define scenes, animations, transitions, and interactive elements entirely through front-end web technologies. The project is distributed under the Apache 2.0 license, encouraging broad community contributions and customization. The core idea is "vibe-coding": a developer or an AI assistant describes the desired visual effect in natural language or writes code snippets, and HyperFrames renders the result as a video. Each composition is a self-contained HTML file that includes video assets, CSS styles, and JavaScript logic. For example, the "Spotify Bento" composition (included in the repository) creates a dynamic album art display with a GSAP-powered timeline animation. The composition file specifies metadata like `data-width`, `data-height`, `data-start`, and `data-duration`, allowing precise control over when and how elements appear. Video elements can be embedded with `<video>` tags, and animations are orchestrated using timelines registered via `window.__timelines`. HyperFrames integrates directly with AI coding assistants. By installing the HyperFrames skill via `npx skills add heygen-com/hyperframes`, users can ask Claude Code to "edit a video" by generating or modifying composition files. The AI agent understands the structure of HyperFrames compositions and can add new scenes, adjust timings, change colors, or swap media assets—all through code generation. This removes the need for traditional video editing interfaces; instea