Hyperframes Registry
HyperFrames Registry lets you find, install, and integrate pre-built blocks and components into your compositions using the `hyperframes add` command. Blocks are standalone sub-compositions you wire in via attributes; components are effect snippets you paste directly into your markup. The registry also guides you through authoring and contributing new items upstream.
Hyperframes Registry provides a system to discover, install, and wire reusable blocks and components into your compositions.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-24
Hyperframes Registry provides a system to discover, install, and wire reusable blocks and components into your compositions. HyperFrames Registry lets you find, install, and integrate pre-built blocks and components into your compositions using the `hyperframes add` command. Blocks are standalone sub-compositions you wire in via attributes; components are effect snippets you paste directly into your markup. The registry also guides you through authoring and contributing new items upstream.
Use it when
- Hyperframes Registry lets you find and install pre-built blocks using the `hyperframes add` command.
- Hyperframes Registry distinguishes two types of reusable items: blocks are standalone sub-compositions you integrate via attributes.
Install
calesthio/OpenMontage/hyperframes-registry · repository language: Python
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Hyperframes Registry?
Hyperframes Registry is a centralized system for discovering, installing, and integrating pre-built blocks and components into your compositions. Blocks are standalone sub-compositions you wire in via attributes, while components are effect snippets you paste directly into your markup. The registry also supports authoring and contributing new items upstream.
How do you use Hyperframes Registry to add blocks?
Hyperframes Registry lets you find and install pre-built blocks using the `hyperframes add` command. Once installed, blocks function as standalone sub-compositions that you wire into your work via attributes, making it easy to extend your compositions with reusable functionality.
What's the difference between blocks and components in Hyperframes?
Hyperframes Registry distinguishes two types of reusable items: blocks are standalone sub-compositions you integrate via attributes, while components are effect snippets you paste directly into your markup. Both can be discovered and managed through the registry.
How can you integrate Hyperframes Registry with agents or applications?
Hyperframes Registry supports integration with agents and applications by allowing you to discover and install pre-built blocks and components that extend your compositions. You can wire blocks in via attributes and embed components directly into your markup to enhance functionality.
Does Hyperframes Registry help with authoring new skills?
Yes, Hyperframes Registry guides you through authoring and contributing new blocks and components upstream. This enables you to create custom reusable items and share them with the community through the registry system.
What license does Hyperframes Registry use?
Hyperframes Registry is licensed under AGPL-3.0, ensuring that the system and any modifications remain open and available to the community under the same terms.
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Find and understand the Hyperframes Registry system”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
HyperFrames treats HTML as the source for video production, letting you author compositions with GSAP timelines for animation, data attributes for timing, and CSS for styling. Build title cards, overlays, captions, text-to-speech narration, beat-synced visuals, and scene transitions—then render to video. The framework handles clip visibility, media playback, and timeline synchronization across your composition.
HyperFrames treats HTML as the source of truth for video production. Create compositions with data attributes for timing, GSAP animations, and CSS styling to produce title cards, overlays, captions, voiceovers, audio-reactive effects, and scene transitions. The framework manages clip visibility, media playback, and timeline synchronization across your entire video workflow.
Hyperframes Creative directs the visual and narrative layer of HyperFrames videos, covering brand identity, color palettes, typography, composition patterns, beat planning, and audio-reactive design. It works alongside hyperframes-core for technical setup and hyperframes-animation for motion, providing design specs, style presets, and production-ready composition guidance.
HyperFrames lets you build video compositions, animations, and effects entirely in HTML with data attributes and GSAP timelines. Author captions synced to audio, generate voiceovers, create beat-reactive animations, and add transitions—all by treating HTML as your video source of truth.
Figma brings your design files into HyperFrames compositions through a phased import system: static assets and brand tokens via REST, components as HTML, and motion or shaders via MCP. Set up a read-only Figma token once, then pull layers, logos, brand variables, and animations into your project—all frozen locally for deterministic renders.
Set visual tone, brand identity, and composition strategy for HyperFrames projects through design specs, style presets, and beat planning. This skill handles palettes, typography, narration pacing, and audio-reactive direction while delegating motion patterns and transitions to hyperframes-animation.