hyperframes
CommunityChoreograph HTML video with GSAP-powered scenes.
Authorscanbott
Version1.0.0
Installs0
System Documentation
What problem does it solve?
HyperFrames provides a robust framework to author, choreograph, and render HTML-based video compositions, reducing the complexity of coordinating scenes, timing, and media across multiple clips.
Core Features & Use Cases
- Compose HTML scenes with GSAP timelines, data attributes, and sub-components for video, audio, captions, and transitions.
- Support deterministic, load-driven rendering for multi-scene productions, captions, and TTS narration.
- Use cases include marketing promos, product demos, training explainers, and data-rich visual stories.
Quick Start
Create a new composition by dropping your HTML scene structure into a folder and wiring up a timeline under window.__timelines.
Dependency Matrix
Required Modules
@hyperframes/producersharp
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: hyperframes Download link: https://github.com/scanbott/claude-skills/archive/main.zip#hyperframes Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.