hyperframes-registry

Install and wire HyperFrames registry blocks into HTML compositions.

236|31|Updated Jun 29, 2026

Search Tags:#composition #registry #manifest #animation #wiring #hyperframes

Ready to run

npx skills add https://github.com/vibe-motion/auto-motion --skill hyperframes-registry-vibe-motion

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/vibe-motion/auto-motion/tree/main/exampleFolder/.claude/skills/hyperframes/registry
Command: npx skills add https://github.com/vibe-motion/auto-motion --skill hyperframes-registry-vibe-motion

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It removes the manual friction of discovering, installing, and wiring HyperFrames registry blocks and components into working compositions.

Core Features & Use Cases

Registry installation: Adds reusable blocks or components into the correct project paths with the right install targets.
Composition wiring: Explains how to connect installed blocks into a host timeline and how to merge component snippets into existing HTML, CSS, and JavaScript.
Discovery and contribution: Helps users browse registry metadata, understand manifest structure, and author new blocks or components for upstream contribution.
Use case: A motion designer can quickly install a chart block, wire it into a video composition, and preview the result without manually reconstructing the registry asset structure.

Quick Start

Use this skill to install the HyperFrames registry item you need, wire it into your composition, and validate the project structure.

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 animation blocks into a HyperFrames composition?▼

To install animation blocks into a HyperFrames composition, you use registry installation to add components into the correct project paths, then wire them into the host timeline and merge component snippets into existing HTML, CSS, and JavaScript.

How do I wire a registry block into an existing HTML and CSS timeline?▼

Wiring a registry block into an HTML timeline requires merging component snippets into existing HTML, CSS, and JavaScript files, followed by path remapping and structural validation to ensure the composition loads correctly.

What is a HyperFrames registry manifest and when do I need it?▼

A HyperFrames registry manifest contains accurate metadata for reusable assets. You need it during block discovery, installation, and when authoring new components for upstream contribution to validate project structure.

Can I contribute new blocks to the HyperFrames registry without manual friction?▼

Yes, you can contribute new blocks to the HyperFrames registry by authoring components with accurate manifest metadata and utilizing the contribution workflows to validate and submit registry items upstream.

Does block sub-composition wiring require path remapping?▼

Yes, block sub-composition wiring requires path remapping and timeline integration to correctly connect installed registry blocks into the host composition and validate the HTML structure.

Why does my installed registry component fail composition validation?▼

Composition validation fails when registry items lack accurate manifest metadata, have incorrect path remapping, or when component snippets are improperly merged into the HTML, CSS, and JavaScript files.