back
loading skill details...
Search, install, and wire registry blocks and components into HyperFrames compositions. Use BEFORE hand-building any named visual — whenever a brief, a user,…
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 Plugin installs: Before setup or freshness commands, follow plugin execution rules when this skill is inside a HyperFrames plugin. Standalone installs keep the update instructions below. 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. Quick reference hyperframes add data-chart # install a block hyperframes add grain-overlay # install a component hyperframes add captions # install every block tagged captions hyperframes add shimmer-sweep --dir . # target a specific project hyperframes add data-chart --json # machine-readable output hyperframes add data-chart --no-clipboard # skip clipboard (CI/headless)
don't have the plugin yet? install it then click "run inline in claude" again.