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

HyperFrames Registry

The registry provides reusable blocks and components installable via hyperframes add <name>.

  • 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.

When to use this skill

  • User mentions hyperframes add, "block", "component", or hyperframes.json
  • Output from hyperframes add appears in the session (file paths, clipboard snippet)
  • You need to wire an installed item into an existing composition
  • You want to discover what's available in the registry

Quick reference

Installs
86.3K
GitHub Stars
26.7K
First Seen
Apr 15, 2026