Hyperframes — рендер видео из HTML-анимации

★ 7.1 · media-processing

hyperframes is a Claude Code skill that renders MP4 and WebM videos from HTML compositions using GSAP animations captured frame-by-frame and encoded with FFmpeg. A composition is an HTML file with `data-*` timing attributes, a GSAP timeline, and CSS for appearance — the engine drives Chrome's headless capture path for deterministic output. The CLI provides `init`, `lint`, `preview`, `render`, and `doctor` commands, with render flags for `--quality draft|standard|high`, `--fps 24|30|60`, `--format`, and `--docker`. It covers motion graphics, typographic title cards, lower thirds, TTS-synced captions, audio-reactive visuals, shader transitions, and social overlays for Instagram, TikTok, and YouTube formats. Requires Node.js ≥ 22, FFmpeg, and npx; runs on Linux, macOS, and Windows.