BigHugger
sk Skill · heygen-com

hyperframes-core

The HyperFrames composition contract — build one renderable project. Use for composition structure, the data-* timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.

installs 8w
278,723
30-day movement
starts with the next reading
Related entries
1
Connections
0
TypeScript

hyperframes-core is an agent skill defining the HyperFrames composition contract for rendering video from HTML. It covers composition structure, data-* timing attributes, clips, tracks, sub-compositions, deterministic-render rules, and validation, plus STORYBOARD.md/SCRIPT.md plan formats.

Read it before writing composition HTML so your project follows the one-renderable-project contract and passes lint and validation.

Use it to

  • Build a new HyperFrames composition from scratch
  • Edit an existing composition without breaking timing or tracks
  • Set up a Tailwind-based HyperFrames project
  • Validate a composition with hyperframes-cli
  • Write STORYBOARD.md and SCRIPT.md plans

For Developers authoring HTML compositions for HyperFrames video rendering

Host repository
heygen-com/hyperframes
Installs, lifetime
436k
Installs, 8 weeks
279k
Host stars
50k
Host language
TypeScript
topicsvideohtmlcompositionanimationvalidationagent-skill