Skip to content
Kitbay
Skill

hyperframes

Apache-2.0Updated on Nov 11, 2026262,606GitHub starsIncludes scripts

An optional Hermes Agent skill, credited to heygen-com, for making videos out of HTML pages.

What the skill teaches

An optional Hermes Agent skill, credited to heygen-com, for making videos out of HTML pages. The agent lays out scenes in HTML with timing set by data attributes, animates them on a GSAP timeline, styles them with CSS, and uses the HyperFrames command-line tool to lint, preview and render each frame to MP4 or WebM. It suits motion graphics, captioned narration, title cards, social overlays and turning a website into a promo clip. A setup script installs the CLI and a headless Chrome build; it needs Node.js 22 or later, FFmpeg and npx, with optional text-to-speech and transcription. The preview server must be stopped after use.

Capabilities

  • Build video scenes as HTML with GSAP animation
  • Render compositions to MP4 or WebM
  • Add narration and captions
  • Turn a website into a promo video