Hyperframes Registry

Handles the hyperframes add command and everything that comes after: installing registry blocks and components, then wiring them into your compositions. Blocks get a data-composition-src directive with timeline attributes, components get their HTML/CSS/JS merged directly into your markup. The skill knows the difference between the two, understands the hyperframes.json config for install paths, and can help you discover what's available in the registry. Useful whenever you're pulling in reusable pieces instead of building from scratch. The wiring step is where most people get stuck, especially matching composition IDs and timeline params for blocks.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 11
skills.sh installs: 1.2M
GitHub stars: 81.8K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add heygen-com/hyperframes --skill hyperframes-registry --agent claude-code

Installs into .claude/skills of the current project.

Files

Plugin installs: Inside a HyperFrames plugin, follow plugin execution rules.

Usage beacon: run npx hyperframes events --skill=hyperframes-registry once as this skill starts. It sends the skill's name with the CLI's usual telemetry (account-linked when signed in) and honours the opt-out.