skills.rest
bwhtech
bwhtechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

hyperframes-registry

Install and wire HyperFrames registry blocks into video compositions.

Updated Apr 24, 2026
Search Tags:#video production#hyperframes#block installation#component wiring#registry discovery#composition integration
One-click install
npx skills add https://github.com/bwhtech/video_production --skill hyperframes-registry-bwhtech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/bwhtech/video_production/tree/main/.agents/skills/hyperframes-registry
Command: npx skills add https://github.com/bwhtech/video_production --skill hyperframes-registry-bwhtech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the manual guesswork and repetitive work of installing and integrating reusable HyperFrames blocks and components into video composition projects, reducing setup time and preventing integration errors.

Core Features & Use Cases

  • Registry Item Installation: Install both standalone blocks and effect components using the hyperframes add command, with support for custom target directories and machine-readable output.
  • Wiring Guidance: Step-by-step instructions for wiring installed blocks into host compositions via data-composition-src attributes, and merging component snippets (HTML, CSS, JS) directly into existing markup.
  • Registry Discovery: Support for browsing available registry items, reading item manifests, and filtering blocks and components by type and tags.
  • Use Case: A video creator building a HyperFrames project can use this Skill to quickly add an animated data chart block or a film grain overlay component, and correctly wire it to their host timeline without manual reference to external documentation.

Quick Start

Use the hyperframes-registry skill to install the data-chart block and wire it into your existing HyperFrames project's index.html file.

Frequently Asked Questions about hyperframes-registry

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I install reusable HyperFrames blocks into my video composition project?▼

Install HyperFrames blocks by running the hyperframes add command, which automatically configures the correct install path and supports custom target directories for your video composition project.

How do I wire HyperFrames blocks into a host composition?▼

Wire HyperFrames blocks into host compositions by setting the data-composition-src attributes, ensuring the installed blocks correctly integrate with your existing video timeline structure.

What is the process for merging HyperFrames component snippets into existing markup?▼

Merge HyperFrames component snippets by directly integrating the HTML, CSS, and JS code into your existing markup, allowing effect components like film grain overlays to function within host compositions.

Can I browse and discover available blocks and components in the HyperFrames registry?▼

Browse available HyperFrames registry assets by parsing the registry manifest, which allows filtering blocks and components by type and tags to find the right video production elements.

Does the HyperFrames registry support machine-readable output for automated workflows?▼

Yes, the HyperFrames registry supports machine-readable output during the installation of standalone blocks and effect components, facilitating automated integration into video composition pipelines.

Why does my HyperFrames block installation fail to integrate with the host timeline?▼

Installation integration fails when the install path is configured incorrectly or block attribute wiring via data-composition-src attributes is missing, preventing the block from binding to the host composition.

Related Skills

Explore More Design & Creative Skills→
KamalabotKamalabot

hyperframes-registry

Install and wire HyperFrames registry blocks into video compositions.

Community
Intermediate
ZardLi1115ZardLi1115
4

hyperframes

Render HTML and GSAP motion graphics into MP4/WebM video via FFmpeg.

Community
Intermediate
het8802het8802
3

hyperframes-registry

Manage HyperFrames block and component installation and integration into index.html via hyperframes.json.

Community
Advanced
scanbottscanbott

hyperframes-registry

Discover and wire HyperFrames registry items into host compositions.

Community
Intermediate