hyperframes Codex Plugin
Plugin Codex Creativity Design & Media ProductionWeb & App DevelopmentThe explanation below is AI-generated. Please verify it against the sources.
HyperFrames is an OpenAI Codex plugin for HyperFrames by HeyGen, an open-source (Apache 2.0) video rendering framework in which HTML is the source of truth for video. It lets AI agents compose videos by writing HTML, CSS, and JS, using GSAP for animation. The plugin bundles five skills covering composition authoring, a CLI for init/lint/preview/render/transcribe/tts/doctor/browser, a registry for reusable blocks, GSAP animation reference, and a 7-step website-to-video capture pipeline. Running the underlying hyperframes CLI via npx hyperframes requires Node.js ≥ 22 and FFmpeg on PATH.
Overview
HyperFrames (hyperframes.heygen.com) is an open-source video rendering framework developed by HeyGen in which HTML, CSS, and JS serve as the source of truth for video content; this plugin packages it for use by AI agents such as OpenAI Codex.
What you can do with hyperframes
- Author video compositions using HTML + CSS + GSAP (styles, palettes, house style, motion principles, transitions, captions, audio-reactive visuals)
- Use the hyperframes CLI for init, lint, preview, render, transcribe, tts, doctor, and browser operations
- Install reusable registry blocks and components (e.g., social overlays, shader transitions, data viz, effects) via hyperframes add
- Reference GSAP for tweens, timelines, easing, stagger, and performance
- Turn a website URL into a finished video using the 7-step website-to-hyperframes capture pipeline
- Add synced captions or voiceovers to a composition
Sources
Original description (English)
Write HTML, render video. Compositions, GSAP animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.
History of hyperframes
- Codex Plugin Added hyperframes