Hyperframes Core

The composition contract for turning HTML into video. This is the technical reference you read before writing a HyperFrames project: how `data-*` timing attributes work, how to wire sub-compositions, what the deterministic render rules ban (no `Math.random`, no animating `display`, media must be direct children), and why your full-screen background might render black even though preview looks fine. The skill separates structure from animation (that lives in `hyperframes-animation`) and creative direction (in `hyperframes-creative`). If you're building or editing a composition, start here for the rules that `lint` won't catch, then jump to the reference that matches your immediate problem.

Install to Claude Code

npx -y skills add heygen-com/hyperframes --skill hyperframes-core --agent claude-code