hyperframes-registry

Resolve manual wiring and integration of registry blocks and components in HyperFrames projects.

10|11|Updated Apr 19, 2026
One-click install
npx skills add https://github.com/johunsang/octo-design --skill hyperframes-registry-johunsang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/johunsang/octo-design/tree/main/.agents/skills/hyperframes-registry
Command: npx skills add https://github.com/johunsang/octo-design --skill hyperframes-registry-johunsang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The registry enables reuse and discovery of HyperFrames blocks and components, allowing developers to install, wire, and manage registry items across host compositions without duplicating logic.

Core Features & Use Cases

  • Centralized registry for reusable blocks and components
  • Quick wiring into host compositions using data-composition-src
  • Discovery of registry items via registry-item.json
  • Use cases include adding a block or component, wiring into index.html, and updating hyperframes.json

Quick Start

Install and wire registry items into a HyperFrames project using the standard add and wire workflow.

Frequently Asked Questions about hyperframes-registry

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

FAQPage Schema
How do I wire registry blocks into a HyperFrames project?

To wire registry blocks into a HyperFrames project, use the standard add and wire workflow to install items and integrate them into your host HTML using the data-composition-src attribute. This codifies install locations and wiring rules.

What is the best way to discover available blocks and components in a HyperFrames registry?

The best way to discover available blocks and components in a HyperFrames registry is by querying the registry-item.json file. This centralized registry enables reuse and discovery without duplicating logic across host compositions.

How do I add a new component to my host HTML composition?

You add a new component to your host HTML composition by running the hyperframes add command. This resolves manual wiring and integration by codifying the install locations and updating your project configuration.

Do I need to manually update hyperframes.json when installing registry items?

When installing registry items, the standard add and wire workflow manages your hyperframes.json configuration. This process codifies install locations and wiring rules, resolving manual integration for reusable blocks and components.

Can I reuse blocks across multiple host compositions without duplicating logic?

Yes, you can reuse blocks across multiple host compositions without duplicating logic. The centralized HyperFrames registry enables quick wiring into different host HTML files using the data-composition-src attribute.

Why does manual wiring of components cause issues in HyperFrames projects?

Manual wiring causes issues because it requires duplicating logic across host compositions. Using a centralized registry with a standard add and wire workflow codifies install locations and rules to resolve this integration problem.