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.
This skill is the technical contract — how to build one hyperframes project. The body below is the build guide; per-topic detail lives in
references/
(index next), read on demand. Other concerns live in the sibling domain skills —
hyperframes-animation
,
hyperframes-creative
,
media-use
,
hyperframes-cli
,
hyperframes-registry
. The capability map in
/hyperframes
says what each one covers.
When to use it. The HyperFrames composition contract — build one renderable project. Use for composition structure, the
data-*
timing attributes,
class="clip"
, tracks, sub-compositions, variables…
Install
npx skills add heygen-com/hyperframes --skill hyperframes-core
Or copy the skill folder manually:
git clone https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes-core/ ~/.claude/skills/hyperframes-core
Source: heygen-com/hyperframes — 43,717 stars, Apache-2.0, last pushed 2026-09-02.