skills.rest
ehadziabdic
ehadziabdicCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

hyperframes-registry

Search, install, and wire registry blocks and components into HyperFrames compositions.

Updated Sep 23, 2026
Search Tags:#registry#gsap#vfx#video composition#hyperframes#catalog search#install blocks
One-click install
npx skills add https://github.com/ehadziabdic/WAgents --skill hyperframes-registry-ehadziabdic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hyperframes-registry
Source: https://github.com/ehadziabdic/WAgents/tree/main/opencode/skills/hyperframes-registry
Command: npx skills add https://github.com/ehadziabdic/WAgents --skill hyperframes-registry-ehadziabdic

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Hand-building named visual effects like CRT scanlines, glitch, film grain, charts, or code windows in HyperFrames compositions is slow and reinvents work that a hosted registry of roughly 400 items already covers. ## Core Features & Use Cases - Registry Discovery: Rank the whole catalog against an English intent query with hyperframes catalog --query, filter by type or tag, and report search misses via hyperframes feedback. - Install and Wire: Install blocks to compositions/ and components to compositions/components/ with hyperframes add, then wire blocks via data-composition-src or merge component HTML/CSS/JS snippets into a host composition. - Contribute Upstream: Author a new block or component following the idea → scaffold → validate → preview → PR workflow with lint, check, and catalog regeneration steps. - Use Case: A storyboard calls for an animated bar chart beside a talking-head video; search the catalog, run hyperframes add data-chart, wire it into index.html with data-start and data-track-index, then lint and preview. ## Quick Start Ask the agent to search the HyperFrames registry for the effect your storyboard names and install the matching block into your 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 a HyperFrames registry block?▼

Run `hyperframes add <name>`, for example `hyperframes add data-chart`. Blocks install to `compositions/<name>.html` by default, and the CLI prints the files written plus a snippet to paste into your host composition.

How do I search the HyperFrames catalog for an effect?▼

Run `npx hyperframes catalog --query "<what the move should do>"` to rank all items locally. Always query in English even for non-English videos, since the catalog and both search tiers are indexed in English.

What is the difference between a HyperFrames block and a component?▼

A block is a standalone sub-composition with its own dimensions, duration, and timeline, included via `data-composition-src`. A component is an effect snippet with no own dimensions whose HTML, CSS, and JS you paste directly into a host composition.

Can I install HyperFrames registry items offline?▼

No. Only manifests are cached, so `catalog` and search keep working offline from the last fetched copy, but `hyperframes add` fetches the item's actual files on every install and fails without network access.

Why does my HyperFrames catalog query return no results?▼

A `No searchable words in query` response means the query was not in English; both ranking tiers index the English catalog only. Rephrase the move in English rather than assuming the component is missing.

How do I contribute a new block to the HyperFrames registry?▼

Follow the clarify, scaffold, build, validate, preview, ship workflow: create the item directory with `registry-item.json`, pass `hyperframes lint` and `check`, regenerate `registry.json`, publish a preview, and open a PR.

Related Skills

Explore More Design & Creative Skills→
Lev-itLev-it

hyperframes-registry

Install and wire registry blocks into HyperFrames compositions via CLI.

Official
Advanced
simpletibrsimpletibr
9

hyperframes-cli

Validates, previews, and renders HyperFrames video compositions via the npx CLI.

Official
Intermediate
AnderHonoratoAnderHonorato

hyperframes-registry

Installs and wires registry blocks and components into HyperFrames video compositions.

Community
Advanced
het8802het8802
3

hyperframes-registry

Manage HyperFrames block and component installation and integration into index.html via hyperframes.json.

Community
Advanced