What problem does it solve? Producing motion-graphics videos, captioned narration clips, and website promos normally requires manual video editing; this Skill turns HTML, CSS, and GSAP animations into deterministic frame-by-frame rendered video files. ## Core Features & Use Cases - HTML-to-Video Rendering: Author compositions as HTML files with data-* timing attributes and GSAP timelines, then render to MP4/WebM via the HyperFrames CLI and FFmpeg. - Captions, TTS, and Audio-Reactive Visuals: Generate local TTS narration with Kokoro voices, transcribe word-level captions with Whisper, and drive visuals from pre-extracted audio bands. - Website-to-Video Pipeline: Capture a URL's screenshots, assets, and design tokens, then follow a 7-step workflow (DESIGN.md, SCRIPT.md, storyboard, composition, render) to produce a promo video. - Use Case: A user provides a product landing page URL and asks for a 30-second vertical promo with narration and captions; the Skill captures the site, writes the script, builds the composition, and renders final.mp4. ## Quick Start Ask the agent to create a rendered video from an HTML composition or a website URL, for example: turn this landing page into a 30-second captioned promo video with TTS narration.
