Write HTML. Render video. Built for agents. Quickstart Showcase Playground Catalog Docs Discord 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. Quick Start With an AI coding agent Install the HyperFrames skills, then describe the video you want: [安装/使用命令见下方] The picker opens with nothing pre selected — the Core Skills group is all you need: the /hyperframes router installs each creation workflow on demand. Agents and non interactive runs should use npx hyperframes skills update instead — it installs exactly the core set, whereas a non interactive skills add without skill installs all 20. full depth does a full clone of the repo's current main . Without it, skills add fetches the skills.sh registry blob, which lags main by hours — you'd get an older copy of a skill. ( hyperframes skills update already installs full depth.) Try a prompt like: Using /hyperframes , create a 10 second product intro with a fade in title, a background video, and subtle background music. The skills teach agents the HyperFrames production loop: plan the video, write valid HTML, wire seekable animations, add media, lint, preview, and render. They work with Claude Code, Cursor, Gemini CLI, Codex, and other coding agents that support skills. Skills HyperFrames ships 20 skills agents load on demand. Read /hyperframes first — it's the router and capability map; it picks a workflow for any "make me a…" request — video, deck, or composition port — and points to the domain skills below. Default to the core set — the router installs each creation workflow on demand. npx hyperframes skills update installs exactly that from anywhere; the interactive picker ( npx skills add heygen com/hyperframes full depth ) lists it as the "Core Skills" group, nothing pre selected. The picker is interactive only — a non