hyperframes

スキルの内容

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.

できること

詳細