# hyperframes-registry

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 39k stars · Updated 2026-08-02

Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

Tags: ai, animation, ffmpeg, framework, gsap, html, mcp, puppeteer, rendering, typescript, video

## Install

```sh
git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/skills/hyperframes-registry ~/.claude/skills/hyperframes-registry
```

## From README

HyperFrames Registry The registry provides reusable blocks and components installable via hyperframes add . Blocks — standalone sub-compositions (own dimensions, duration, timeline). Included via data-composition-src in a host composition. Components — effect snippets (no own dimensions). Pasted directly into a host composition's HTML. Quick reference After , the CLI prints which files were written and a snippet to paste into your host composition. The snippet is a starting point — you'll need to add data-composition-id (must match the block's internal composition ID), data-start, and data-track-index attributes when wiring blocks. The positional value is resolved as an exact item name first. If no item matches and the value is a tag, the command installs every block with that tag. Registry dependencies are installed before the requested item. hyperframes add works only for blocks and components; for examples, use hyperframes init --example instead.

## Links

- HTML page: https://omgskills.com/skills/heygen-com/hyperframes/hyperframes-registry/
- GitHub: https://github.com/heygen-com/hyperframes
- Author: [@heygen-com](https://omgskills.com/library/heygen-com/index.md)

## More from this repo

- [changelog-video](https://omgskills.com/skills/heygen-com/hyperframes/dot-claude/skills/changelog-video/index.md) — Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 49k stars
- [hyperframes](https://omgskills.com/skills/heygen-com/hyperframes/hyperframes/index.md) — Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 43k stars
- [captions-overlay](https://omgskills.com/skills/heygen-com/hyperframes/dot-agents/skills/captions-overlay/index.md) — Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 41k stars