Files
calesthio 50891a75b7 hyperframes: add HTML/CSS/GSAP as a parallel composition runtime
Separates creative grammar (renderer_family) from technical engine
(render_runtime) so HyperFrames can stand alongside Remotion as a
first-class runtime instead of masquerading as a Remotion sub-case.
Locks runtime choice at proposal stage and enforces it end-to-end: the
schemas require it, video_compose routes by it, the reviewer fails
closed on silent swaps, and a parametrized contract test walks every
pipeline manifest to ensure each planning-stage skill explains the
conversation to the user. Adds hyperframes_compose (scaffold/lint/
validate/render/doctor/add_block), a playbook -> CSS style bridge, and
vendored HyperFrames Layer 3 skills from commit d291358, pinned via
PROVENANCE.md for future re-sync. Final_review now records
render_runtime_used and runtime_swap_detected so compose lies are
catchable after the fact.
2026-04-18 18:37:00 -07:00

2.6 KiB

Registry Discovery

Reading the registry manifest

The top-level registry.json lists all available items:

curl -s https://raw.githubusercontent.com/heygen-com/hyperframes/main/registry/registry.json

Each entry has name and type (hyperframes:example, hyperframes:block, or hyperframes:component).

Reading an item's manifest

Each item has a registry-item.json with full metadata:

<base>/<type-dir>/<name>/registry-item.json

Where <type-dir> is examples, blocks, or components.

Item manifest fields

Field Type Required Description
name string yes Kebab-case identifier
type string yes hyperframes:block or hyperframes:component
title string yes Human-readable title
description string yes One-line description
tags string[] no Filter tags (e.g., ["data", "chart"])
dimensions object blocks { width, height } — blocks only
duration number blocks Duration in seconds — blocks only
files array yes Files to install (path, target, type)
registryDependencies string[] no Other registry items this depends on

Available items

Blocks

Name Description Tags
data-chart Animated bar + line chart with staggered reveal data, chart, statistics
flowchart Decision tree with SVG connectors and cursor diagram, flowchart, interactive
logo-outro Cinematic logo reveal with tagline branding, outro, logo

Components

Name Description Tags
grain-overlay Animated film grain texture overlay texture, grain, overlay, film
shimmer-sweep CSS gradient light sweep for AI accents text, shimmer, highlight, effect
grid-pixelate-wipe Grid dissolve transition between scenes transition, wipe, grid, pixelate