hyperframes-core

Name: hyperframes-core
Author: heygen-com

163kinstalls3.5kforks

How to install hyperframes-core?

heygen-com/hyperframes/hyperframes-core

$npx -y skills add heygen-com/hyperframes --skill hyperframes-core

Installs into the current project.

Summary

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 Tailwin

Files · 1

View on GitHub

SKILL.md

1	# HyperFrames Core
2
3	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.
4
5	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.
6
7	## References
8
9	\| File \| Read it to… \|
10	\| ------------------------------------ \| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- \|
11	\| `references/minimal-composition.md` \| start from the smallest renderable composition skeleton \|
12	\| `references/composition-patterns.md` \| choose monolithic vs modular; structure a modular `index.html`; pick a sub-comp archetype \|
13	\| `references/data-attributes.md` \| look up any `data-*` (root / clip / sub-comp host / legacy aliases); use `class="clip"` \|
14	\| `references/tracks-and-clips.md` \| pick `data-track-index`, handle same-track overlap / z-index, time a clip relative to another \|
15	\| `references/sub-compositions.md` \| wire a sub-composition (host attrs, `<template>`, per-instance vars) and animate inside it \|
16	\| `references/variables-and-media.md` \| declare variables; place `<video>`/`<audio>`, set volume, trim \|
17	\| `references/determinism-rules.md` \| build a seekable timeline; determinism bans; the animatable-property allowlist; layout / text fit \|
18	\| `references/full-screen-motion.md` \| author full-frame motion with shared backgrounds \|
19	\| `references/storyboard-format.md` \| author a `STORYBOARD.md` plan (+ the parsed manifest) \|
20	\| `references/review-loop.md` \| run the plan → sketch → build review passes on a live board — shared by every storyboard-planning workflow \|
21	\| `references/production-loop.md` \| take an approved plan to a delivered video — the stage dependencies (audio, frames, assembly, transitions, captions, verify, deliver) a freeform build follows directly \|
22	\| `references/brief-contract.md` \| the brief's ground rules — mode derivation (collaborative / autonomous), shared field registry, question invariants (the asking itself lives in `/hyperframes` → the intent layer) \|
23	\| `references/brief-format.md` \| author `BRIEF.md` — the confirmed intent document a workflow's Setup writes and every later step reads \|
24	\| `references/script-format.md` \| author the optional `SCRIPT.md` locked narration \|
25	\| `references/subagent-dispatch.md` \| map subagent dispatch verbs (parallel fan-out / background / wait) to your harness \|
26	\| `references/frame-worker-core.md` \| the shared frame-worker role contract — each narrative workflow's packet builder prepends it to that workflow's

People who liked this also viewed

6 picks

Type

hyperframes-core

163kinstalls3.5kforks

View on GitHub

How to install hyperframes-core?

heygen-com/hyperframes/hyperframes-core

$npx -y skills add heygen-com/hyperframes --skill hyperframes-core

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# HyperFrames Core
2
3	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.
4
5	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.
6
7	## References
8
9	\| File \| Read it to… \|
10	\| ------------------------------------ \| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- \|
11	\| `references/minimal-composition.md` \| start from the smallest renderable composition skeleton \|
12	\| `references/composition-patterns.md` \| choose monolithic vs modular; structure a modular `index.html`; pick a sub-comp archetype \|
13	\| `references/data-attributes.md` \| look up any `data-*` (root / clip / sub-comp host / legacy aliases); use `class="clip"` \|
14	\| `references/tracks-and-clips.md` \| pick `data-track-index`, handle same-track overlap / z-index, time a clip relative to another \|
15	\| `references/sub-compositions.md` \| wire a sub-composition (host attrs, `<template>`, per-instance vars) and animate inside it \|
16	\| `references/variables-and-media.md` \| declare variables; place `<video>`/`<audio>`, set volume, trim \|
17	\| `references/determinism-rules.md` \| build a seekable timeline; determinism bans; the animatable-property allowlist; layout / text fit \|
18	\| `references/full-screen-motion.md` \| author full-frame motion with shared backgrounds \|
19	\| `references/storyboard-format.md` \| author a `STORYBOARD.md` plan (+ the parsed manifest) \|
20	\| `references/review-loop.md` \| run the plan → sketch → build review passes on a live board — shared by every storyboard-planning workflow \|
21	\| `references/production-loop.md` \| take an approved plan to a delivered video — the stage dependencies (audio, frames, assembly, transitions, captions, verify, deliver) a freeform build follows directly \|
22	\| `references/brief-contract.md` \| the brief's ground rules — mode derivation (collaborative / autonomous), shared field registry, question invariants (the asking itself lives in `/hyperframes` → the intent layer) \|
23	\| `references/brief-format.md` \| author `BRIEF.md` — the confirmed intent document a workflow's Setup writes and every later step reads \|
24	\| `references/script-format.md` \| author the optional `SCRIPT.md` locked narration \|
25	\| `references/subagent-dispatch.md` \| map subagent dispatch verbs (parallel fan-out / background / wait) to your harness \|
26	\| `references/frame-worker-core.md` \| the shared frame-worker role contract — each narrative workflow's packet builder prepends it to that workflow's

People who liked this also viewed

6 picks

Type