# HyperFrames composition rules (/hyperframes-core)

/hyperframes-core is a Claude Code skill in the Video & Motion section. It is maintained by heygen-com and published under the Apache-2.0 license. Defines the contract for a HyperFrames composition: structure, timing attributes, tracks, sub-compositions, variables and deterministic render rules.

- Web version: https://skills.sgomez.dev/en/s/hyperframes-core
- Section: [Video & Motion](https://skills.sgomez.dev/en/video.md)
- Author: heygen-com
- License: Apache-2.0
- Source: https://github.com/heygen-com/hyperframes/tree/5969c6894ba42f9cc55941503be51af2e96e2b3a/skills/hyperframes-core
- Updated 28 Sept 2026

## How to ask for it

- `Explain how to structure a new HyperFrames composition`
- `How do I set clip timing with the data-* attributes?`
- `Check whether my composition HTML follows the deterministic render rules`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's 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.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)