What it does. HyperFrames renders video from HTML — a composition is an HTML file whose DOM declares timing with
data-*
attributes, whose animation runtime is seekable, and whose media playback is owned by the framework. The full authoring contract lives in
/hyperframes-core
; read it before writing composition HTML.
Apply the first matching row; do not evaluate lower state rows:
When to use it. Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card…
Install
npx skills add heygen-com/hyperframes --skill hyperframes
Or copy the skill folder manually:
git clone https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes/ ~/.claude/skills/hyperframes
Source: heygen-com/hyperframes — 43,717 stars, Apache-2.0, last pushed 2026-09-02.