hyperframes
v0.8.82by heygen-com · author: HeyGen
HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website capture for HyperFrames.
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 · Open the README on GitHub
- Skills
- 21
- MCP servers
- 0
- Stars
- 53,776
- License
- Apache-2.0
- Repo created
- 2026-03-10
- Last pushed
- 2026-09-28
- Publisher type
- Organization
- Version
- 0.8.82
Links
Skills · 21
- 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.
Category
Other. Assigned by this directory. Agent Plugins 1.0.0 has no category field, so no manifest declares one.
Related by publisher and keywords
World Monitor agent plugin: live global-intelligence MCP servers plus task-focused agent skills for country risk, conflict, markets, chokepoints, energy, climate, and related situational awareness.
Cross-session memory and token savings for coding agents.
Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
Reliable Chrome automation, debugging, and performance analysis for AI agents.
Portable skills-only "AAS Accessibility & Inclusive UX" plugin from Agentic Awesome Skills.
Portable skills-only "AAS AI Product & Evaluation Ops" plugin from Agentic Awesome Skills.
[](https://agentpluginsdirectory.com/plugins/hyperframes)✓ Verified . We fetched the manifest from GitHub and checked it against the official Agent Plugins 1.0.0 schema at agent-plugins.org.