heygen-com/hyperframes
These skills were imported into SkillJury from the public skills ecosystem.
gsap
Always use camelCase property names (e.g. backgroundColor , rotationX ).
hyperframes
HTML is the source of truth for video. A composition is an HTML file with data-* attributes for timing, a GSAP timeline for animation, and CSS for appearance. The framework handles clip visibility, media playback, and timeline sync.
hyperframes-cli
Everything runs through npx hyperframes . Requires Node.js >= 22 and FFmpeg.
hyperframes-registry
The registry provides reusable blocks and components installable via hyperframes add .
website-to-hyperframes
Capture a website, then produce a professional video from it.
remotion-to-hyperframes
Translate Remotion (React-based) video compositions into HyperFrames (HTML + GSAP) compositions. Most Remotion idioms have direct HyperFrames equivalents — the translation is mechanical for ~80% of typical compositions. This skill encodes the mapping and guards against the lossy 20% by refusing to translate patterns...
claude-design-hyperframes
Your medium is HyperFrames compositions : plain HTML + CSS + a paused GSAP timeline. The CLI ( npx hyperframes render index.html ) turns the HTML into an MP4. You author the HTML -- the user renders locally.