--- title: "hyperframes" description: "HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website capture for HyperFrames." canonical: https://agentpluginsdirectory.com/plugins/hyperframes last-updated: 2026-10-13 --- # hyperframes HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website capture for HyperFrames. - Slug: hyperframes - Publisher: HeyGen - Repository: https://github.com/heygen-com/hyperframes - Manifest: plugin.json - Version: 0.8.152 - License: Apache-2.0 - Category (editorial): other - Skills: 21 (embedded-captions, faceless-explainer, figma, general-video, hyperframes-animation, hyperframes-audio, hyperframes-cli, hyperframes-core, hyperframes-creative, hyperframes-keyframes, hyperframes-registry, hyperframes-studio, hyperframes, media-use, motion-graphics, music-to-video, pr-to-video, product-launch-video, remotion-to-hyperframes, slideshow, talking-head-recut) - MCP servers: 0 - Stars: 62255 - Repository created: 2026-03-10 - Repository last pushed: 2026-10-13 - Publisher type: Organization - Listing: https://agentpluginsdirectory.com/plugins/hyperframes - Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json ## What hyperframes does, in the publisher's words Write HTML. Render video. Built for agents. HyperFrames is an open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. Use it locally with the CLI, from AI coding agents with skills, or as the rendering core behind hosted authoring workflows. From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/heygen-com/hyperframes/HEAD/README.md ## Skills - embedded-captions: Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, "炸/特效/酷炫字幕," or a named identity from the 35-style catalog. Route by visual identity, not by backend… - faceless-explainer: Turn arbitrary text, an article, notes, a topic, a brief, into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video… - figma: Import Figma content into a HyperFrames composition, rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user paste… - general-video: Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a… - hyperframes-animation: All animation knowledge for HyperFrames: atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animatio… - hyperframes-audio: Use when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking, a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, p… - hyperframes-cli: Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, timeline, history… - hyperframes-core: The HyperFrames composition contract: build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML. - hyperframes-creative: Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-… - hyperframes-keyframes: Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes k… - hyperframes-registry: Search, install, and wire registry blocks and components into HyperFrames compositions. Use BEFORE hand-building any named visual, whenever a brief, a user, or a storyboard names a look, effect, treatment, or transition such as CRT scanlines, glitch, chromatic aberration, film grain, a shimmer swee… - hyperframes-studio: Use when building or editing a HyperFrames project that people open in Studio: how the timeline should be laid out so it reads well (one caption track, one element kind per track, every scene a sub-composition) and where captions and key content may sit (safe zones). Don't use for how to perform an… - hyperframes - media-use - motion-graphics - music-to-video - pr-to-video - product-launch-video - remotion-to-hyperframes - slideshow - talking-head-recut Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.