hyperframes-registry

Install HyperFrames blocks and components via CLI commands.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/kofiarhin/hyperframes-editor --skill hyperframes-registry-kofiarhin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/kofiarhin/hyperframes-editor/tree/main/.agents/skills/hyperframes-registry
Command: npx skills add https://github.com/kofiarhin/hyperframes-editor --skill hyperframes-registry-kofiarhin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the manual effort and potential errors of installing and wiring reusable HyperFrames blocks and components into video composition projects, streamlining the integration of pre-built visual effects and data visualizations.

Core Features & Use Cases

  • Registry Item Installation: Install both standalone blocks and effect components via the hyperframes add CLI command, with support for custom target directories.
  • Wiring Guidance: Provides clear, step-by-step instructions for wiring installed blocks into host compositions and merging component snippets (HTML, CSS, JS) into existing markup.
  • Discovery & Configuration Support: Helps users browse available registry items, filter by type and tags, and configure custom install paths via hyperframes.json. Use case: A motion designer can quickly add a data chart block or film grain component to their HyperFrames project without manually copying files or writing custom integration code.

Quick Start

Use the hyperframes-registry skill to install a data-chart block or shimmer-sweep component and wire it into your existing HyperFrames project.

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 blocks into a video composition project?

You can install reusable blocks into a video composition project by running the `hyperframes add` CLI command, which automates the process and supports custom target directories for precise file placement.

What is the best way to wire HyperFrames components into existing markup?

The best way to wire HyperFrames components is by following step-by-step integration guidance to merge HTML, CSS, and JS snippets into host compositions, ensuring proper attribute wiring for blocks and accurate visual effect integration.

How do I discover and filter available registry items for motion design?

To discover registry items for motion design, you can browse available blocks and effect components, filtering results by type and tags to locate specific data visualizations or visual effects for your project.

Can I configure custom install paths for HyperFrames blocks?

Yes, you can configure custom install paths for HyperFrames blocks by defining the target directories in your `hyperframes.json` configuration file, ensuring components are placed exactly where your composition expects them.

Why manually copy files when adding data charts to a composition?

Manually copying files when adding data charts risks integration errors, so automating block installation and snippet merging eliminates manual effort and ensures correct configuration for your video composition.