skills.rest
Kamalabot
KamalabotCOMMUNITY
Explore all skills by this author →
GitHub

hyperframes-registry

Install and wire HyperFrames registry blocks into video compositions.

Updated Apr 25, 2026
Search Tags:#CLI automation#motion graphics#video composition#hyperframes#block installation#component wiring#registry discovery
One-click install
npx skills add https://github.com/Kamalabot/tt-vid --skill hyperframes-registry-kamalabot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/Kamalabot/tt-vid/tree/main/man_lady/.agents/skills/hyperframes-registry
Command: npx skills add https://github.com/Kamalabot/tt-vid --skill hyperframes-registry-kamalabot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manually installing and wiring reusable HyperFrames blocks and components from the public registry requires memorizing install paths, correct HTML attribute syntax, and snippet merging steps, which is time-consuming and error-prone for developers and video creators building custom video compositions.

Core Features & Use Cases

  • CLI Command Guidance: Full documentation for the hyperframes add command, including options for targeting custom project directories, generating machine-readable output, and skipping clipboard operations for headless/CI environments.
  • Wiring Instructions: Step-by-step guides for wiring installed blocks into host compositions via data-composition-src attributes, and merging component HTML, CSS, and JS snippets directly into existing composition files.
  • Registry Discovery: Tools to browse available blocks and components, filter by type and tags, and view item metadata like dimensions, duration, and dependencies.
  • Use Case: A motion designer building a HyperFrames project can use this skill to quickly add an animated data chart block, wire it to appear at the correct timestamp in their main composition, and customize its styling without manually referencing external registry documentation.

Quick Start

Use the hyperframes-registry skill to install the shimmer-sweep component and add its light sweep effect to your project's title text composition.

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 from the public registry into my video composition?▼

To install HyperFrames blocks, use the `hyperframes add` CLI command to target custom project directories and pull items from the public registry. This automates the process, eliminating manual path configuration and snippet merging errors.

How do I wire a motion graphics component into a host composition using data-composition-src?▼

Wiring motion graphics components involves adding the `data-composition-src` attribute to your host composition markup. This correctly positions and times the installed block within your existing video composition timeline without breaking functionality.

What is the best way to browse and filter available HyperFrames components before installing?▼

The best way to browse available HyperFrames components is through the registry discovery tools. You can filter blocks by type and tags, and view item metadata like dimensions, duration, and dependencies before installation.

Can I use the hyperframes add command in headless or CI environments without clipboard operations?▼

Yes, you can use the `hyperframes add` command in headless or CI environments. The CLI supports generating machine-readable output and skipping clipboard operations to facilitate automated video composition workflows.

Why does manually merging component HTML, CSS, and JS snippets into video compositions cause errors?▼

Manually merging component HTML, CSS, and JS snippets into video compositions causes errors because it requires memorizing exact install paths and correct attribute syntax. This guesswork often breaks existing HyperFrames project structures and composition functionality.

Related Skills

Explore More Design & Creative Skills→
bacocobacoco
57

Skill Builder & CLI Orchestration

Automate AiDesigner Skill scaffolding, validation, and Claude CLI integration.

Community
Intermediate
kofiarhinkofiarhin

hyperframes-registry

Install HyperFrames blocks and components via CLI commands.

Community
Intermediate
grandameniumgrandamenium
88

catalog-browse

Browse community catalogs, filter items, and install after approval.

Community
Intermediate
bwhtechbwhtech

hyperframes-registry

Install and wire HyperFrames registry blocks into video compositions.

Official
Intermediate