skills.rest
automatedigital
automatedigitalOFFICIAL
Explore all skills by this author →
WebsiteGitHub

hyperframes-registry

Install and wire HyperFrames registry blocks into host video compositions.

1|Updated Apr 24, 2026
Search Tags:#components#registry#blocks#motion design#wiring#video composition#hyperframes
One-click install
npx skills add https://github.com/automatedigital/spark --skill hyperframes-registry-automatedigital
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/automatedigital/spark/tree/main/skills/creative/hyperframes-registry
Command: npx skills add https://github.com/automatedigital/spark --skill hyperframes-registry-automatedigital

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manually installing and wiring HyperFrames registry blocks and components requires memorizing install paths, attribute requirements, and snippet merging steps, which is time-consuming and prone to errors when building video compositions.

Core Features & Use Cases

  • Registry Item Installation: Install HyperFrames blocks and components via the hyperframes add command, with support for custom install paths configured in hyperframes.json.
  • Block Wiring: Correctly wire installed standalone blocks into host compositions using required data-composition-src, data-composition-id, timeline, and layer attributes.
  • Component Integration: Merge component HTML, CSS, and JS snippets into existing compositions, with guidance for GSAP timeline integration where required.
  • Use Case: For example, when building a HyperFrames promotional video, use this skill to quickly add an animated data chart block and a film grain overlay component, wiring them correctly to the host timeline without manual reference lookup.

Quick Start

Use the hyperframes-registry skill to install the data-chart block and wire it into your HyperFrames host composition with the correct timeline and layer attributes.

Frequently Asked Questions about hyperframes-registry

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

FAQPage Schema
How do I install HyperFrames blocks and components into a video composition?▼

Install HyperFrames blocks and components using the `hyperframes add` command. This skill configures custom install paths via `hyperframes.json` and correctly wires registry items into your host video composition with the required attributes.

What attributes are required to wire HyperFrames blocks into a host composition?▼

Wiring HyperFrames blocks requires `data-composition-src`, `data-composition-id`, timeline, and layer attributes. This skill automatically applies these attribute-compliant specifications to ensure correct block sub-composition inclusion.

How do I merge component snippets and integrate GSAP timelines in HyperFrames?▼

Merge component HTML, CSS, and JS snippets into existing compositions with this skill. It provides specific guidance for GSAP timeline integration, ensuring component snippets merge correctly into your HyperFrames video composition.

Can I configure custom install paths for HyperFrames registry items?▼

Yes, you can configure custom install paths for HyperFrames registry items. This skill reads the `hyperframes.json` configuration file to apply your specified paths when installing blocks and components via the `hyperframes add` command.

Why does manually wiring HyperFrames components cause errors in video compositions?▼

Manually wiring HyperFrames components causes errors because it requires memorizing install paths and attribute requirements. This skill eliminates manual reference lookup by automating block wiring and snippet merging per registry specifications.

Related Skills

Explore More Design & Creative Skills→
PrEEtPatEl44PrEEtPatEl44

hyperframes-registry

Install and wire HyperFrames registry blocks/components into host compositions via index.html and hyperframes.json mappings.

Community
Intermediate
robertbr123robertbr123

hyperframes

Generate animated video compositions from HTML with GSAP timelines and FFmpeg.

Community
Advanced
LingoJackLingoJack
6

hyperframes

Generate deterministic HyperFrames HTML video compositions with GSAP timelines.

Community
Advanced
KamalabotKamalabot

hyperframes-registry

Install and wire HyperFrames registry blocks into video compositions.

Community
Intermediate