What problem does it solve? Turning a live website into a polished video normally requires manual screenshots, brand asset hunting, storyboarding, and frame-by-frame animation work. This Skill automates that pipeline: it captures a URL with headless Chrome, extracts the brand's colors, fonts, and assets, then guides a gated 7-step workflow from brand analysis through storyboard, narration, composition building, and validation to a finished HyperFrames video. ## Core Features & Use Cases - Automated site capture: Downloads screenshots, SVGs, fonts, and computed design tokens from any URL, with optional Gemini-powered image descriptions. - Brand-faithful video production: Generates DESIGN.md, STORYBOARD.md, and SCRIPT.md artifacts, then builds GSAP-driven HTML compositions per beat using the site's real assets. - Full audio pipeline: Supports HeyGen TTS, ElevenLabs, or local Kokoro narration with transcription, beat timing, and captions. - Use Case: Paste a landing page URL and ask for a 15-second Instagram clip — the Skill captures the site, locks messaging with you, builds animated beats in the brand's visual identity, and delivers a Studio preview URL. ## Quick Start Ask the agent to turn https://your-site.com into a 30-second site tour video and follow the gated workflow prompts.
