skills.rest
vibe-motion
vibe-motionOFFICIAL
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/vibe-motion/auto-motion --skill hyperframes-registry-vibe-motion
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
kofiarhinkofiarhin

hyperframes-registry

Install HyperFrames blocks and components via CLI commands.

Community
Intermediate
automatedigitalautomatedigital
1

hyperframes-registry

Install and wire HyperFrames registry blocks into host video compositions.

Official
Intermediate
chriswesttchriswestt

hyperframes-registry

Discover and wire HyperFrames registry items into host compositions.

Community
Intermediate
hendrax5hendrax5

phase-3-mockup

Create component-separated HTML/CSS/JavaScript mockups with JSON data for Next.js conversion.

Community
Intermediate