skills.rest
compozy
compozyOFFICIAL
Explore all skills by this author →
Website𝕏@compozyaiGitHub

hyperframes-registry

Install and wire HyperFrames registry blocks and components into local compositions.

182|8|Updated Apr 4, 2026
Search Tags:#html#components#registry#blocks#gsap#wiring#hyperframes
One-click install
npx skills add https://github.com/compozy/agh --skill hyperframes-registry-compozy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/compozy/agh/tree/main/.agents/skills/hyperframes/hyperframes-registry
Command: npx skills add https://github.com/compozy/agh --skill hyperframes-registry-compozy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

HyperFrames creators need a reliable way to find reusable blocks and effect components, install them into the correct project folders, and correctly wire them into their host composition without manual copy/paste guesswork.

Core Features & Use Cases

  • Registry installation for blocks and components: Use hyperframes add <name> to install reusable items from a remote HyperFrames registry into your local project.
  • Correct wiring guidance: Learn how to embed installed blocks via data-composition-src and how to merge component snippets (HTML/CSS/JS) into your host composition.
  • Registry discovery: Fetch and inspect registry.json and per-item registry-item.json metadata to browse available items and filter by type/tags.

Quick Start

Run hyperframes add data-chart to install an animated chart block into your project and get the wiring snippet printed for use in your host index.html.

Frequently Asked Questions about hyperframes-registry

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

FAQPage Schema
How do I install HTML blocks and components from a registry into my local project?▼

To install HTML blocks and components, run the `hyperframes add <name>` command to fetch items from a remote registry and place them into the correct local project folders using your `hyperframes.json` configuration.

What is the correct way to wire installed HTML components into a host index.html?▼

Wiring installed HTML components requires merging component snippets (HTML/CSS/optional JS) into your host composition, while blocks are embedded using the `data-composition-src` attribute along with required host attributes.

How does registry discovery work when browsing available HyperFrames components?▼

Registry discovery works by fetching and inspecting `registry.json` and per-item `registry-item.json` metadata files, which allows you to browse available blocks and components and filter them by type or tags.

Can I control the installation paths for blocks and components in my project?▼

Yes, you can control installation paths by using the `hyperframes.json` configuration file, which maps installed registry blocks and components to their correct local folders during the `hyperframes add` process.

Does the hyperframes add command support machine-readable output for automation?▼

Yes, the `hyperframes add` command supports machine-readable output by appending the `--json` flag, which returns structured results suitable for automating block and component installation workflows.

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
kofiarhinkofiarhin

hyperframes-registry

Install HyperFrames blocks and components via CLI commands.

Community
Intermediate
1veso1veso

gsap

Integrate GSAP animations into HyperFrames compositions with timeline management.

Community
Advanced
xiaxianlinxiaxianlin
1

hyperframes-registry

Discover, install, and wire HyperFrames registry blocks and components into video compositions.

Community
Basic