{"slug":"calesthio-hyperframes-core","name":"hyperframes-core","description":"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. Read before writing composition HTML.","long_description":"---\nname: hyperframes-core\ndescription: 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. Read before writing composition HTML.\n---\n\n# HyperFrames Core\n\nHyperFrames 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.\n\nThis 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`, `hyperframes-media`, `hyperframes-cli`, `hyperframes-registry`. The capability map in `/hyperframes` says what each one covers.\n\n## References\n\n| File | Read it to… |\n| ------------------------------------ | ------------------------------------------------------------------------------------------------- |\n| `references/minimal-composition.md` | start from the smallest renderable composition skeleton |\n| `references/composition-patterns.md` | choose monolithic vs modular; structure a modular `index.html`; pick a sub-comp archetype |\n| `references/data-attributes.md` | look up any `data-*` (root / clip / sub-comp host / legacy aliases); use `class=\"clip\"` |\n| `references/tracks-and-clips.md` | pick `data-track-index`, handle same-track overlap / z-index, time a clip relative to another |\n| `references/sub-compositions.md` | wire a sub-composition (host attrs, `