heygen-com/hyperframes

Maintainer? Show your league in your README

Card: your league's emblem, from Copper to Legendary

[![bestofgithub](https://bestofgithub.dev/badge/heygen-com/hyperframes.svg?style=card)](https://bestofgithub.dev/repo/heygen-com/hyperframes)

Flat: fits beside your other badges

[![bestofgithub](https://bestofgithub.dev/badge/heygen-com/hyperframes.svg)](https://bestofgithub.dev/repo/heygen-com/hyperframes)

Loading README…

Skill	Use when
`/hyperframes`	Read first for any request to make, edit, animate or render a video, motion graphic, captions or overlays with HyperFrames (HTML rendered to video). Holds the render contract and the work loop, and points to the references for format, motion, look, captions, whole films and storyboards.
`/hyperframes-cli`	The HyperFrames CLI by job — scaffold, check, look at frames, edit the timeline, preview, render locally or in the cloud, publish, project history — plus reading its JSON and recovering from build or render failures.
`/hyperframes-registry`	About 450 ready-made blocks and components installed as editable source — transitions, overlays, titles, kinetic type, captions, charts, maps, 3D, camera moves. Use before hand-building any named visual; also for `hyperframes add` and `catalog`.
`/media-use`	Get or make any media for a video — music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks — with HeyGen or free local tools, and mix placed audio. Also for footage that looks dark, flat or dull.

Skill	Use when
`/figma`	Bring Figma into a video — rendered assets, brand tokens, components, storyboard frames as reconstructed motion, shaders and connector-assisted motion. Use when you paste a figma.com link.
`/slideshow`	A presentation, pitch deck or interactive deck — discrete slides, fragment reveals, branching, hotspot navigation, presenter mode with speaker notes. Output is a navigable deck, not a rendered MP4.
`/remotion-to-hyperframes`	Bringing existing video code or footage into HyperFrames (Remotion first; also Motion Canvas, Lottie, Three.js, canvas, other tools' renders), verified frame by frame.

Piece	Status	What it does
CLI	Available	Scaffold, preview, lint, inspect, and render local video projects
Core / Engine / Producer	Available	Parse compositions, drive headless Chrome, encode video, and mix audio
Catalog	Available	Reusable blocks and components for transitions, overlays, captions, charts, maps, and effects
Agent skills	Available	Teach coding agents the video-production patterns that generic web docs miss
Studio	Available, evolving	Browser surface for previewing and editing compositions
AWS Lambda rendering	Available	Deploy a distributed render stack and drive renders from your laptop or CI
hyperframes.studio	Available	Community playground for previewing, iterating, sharing, and rendering HTML-native video projects
frame.md	Available	Invert your design system for the camera — a DESIGN.md superset an agent can compose video from

	HyperFrames	Remotion
Authoring	HTML + CSS + seekable animation	React components
Build step	None; `index.html` plays as-is	Bundler required
Agent handoff	Plain HTML files	JSX / React project
Library-clock animations	Seekable, frame-accurate via adapters	Wall-clock animation patterns need care
Distributed rendering	Local and AWS Lambda render paths	Remotion Lambda, mature cloud renderer
License	Apache 2.0	Source-available Remotion License

Quick Start

Package	Description
`hyperframes`	CLI for creating, previewing, linting, and rendering compositions
`@hyperframes/core`	Types, parsers, generators, linter, runtime, and frame adapters
`@hyperframes/engine`	Seekable page-to-video capture engine using Puppeteer and FFmpeg
`@hyperframes/producer`	Full rendering pipeline for capture, encode, and audio mix
`@hyperframes/studio`	Browser-based composition editor UI
`@hyperframes/player`	Embeddable `<hyperframes-player>` web component
`@hyperframes/shader-transitions`	WebGL shader transitions for compositions
`@hyperframes/aws-lambda`	AWS Lambda SDK and deployment surface for distributed renders