hyperframes-registry

Installation
Summary

Install and wire reusable blocks and components into HyperFrames compositions via the registry.

  • Blocks are standalone sub-compositions with their own dimensions and timeline; components are effect snippets pasted directly into host compositions
  • Install via hyperframes add <name> with options for custom directories, JSON output, and clipboard control
  • Blocks require wiring through data-composition-src and attributes like data-composition-id, data-start, data-duration, and data-track-index
  • Components require manual merging of HTML elements, CSS styles, and JavaScript into the host composition
  • Install paths and registry source are configurable in hyperframes.json
SKILL.md

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.

HyperFrames registry

Starting from an item is faster and usually better than writing the effect yourself, and an installed item is ordinary source in your project: change it, cut it down, restyle it.

Find and install

There is no hyperframes registry command; searching is catalog, installing is add.

npx hyperframes catalog --query "<what the beat should do, in English>" --json
npx hyperframes add <name> --json        # prints the written files and the mount snippet
Installs
1.2M
GitHub Stars
81.6K
First Seen
Apr 15, 2026