What problem does it solve? Turning an existing website into a polished video (site tour, showcase, or social clip) normally requires manual screenshots, brand extraction, storyboarding, voiceover recording, and motion design. This Skill automates that entire pipeline, from headless-Chrome capture of the site's visuals to a validated, linted HyperFrames composition. ## Core Features & Use Cases - Automated Site Capture: Runs npx hyperframes capture to download screenshots, SVGs, fonts, colors, and computed design tokens from any URL. - Brand Identity Extraction: Generates a DESIGN.md cheat sheet with exact color palettes, font files, component CSS values, and WCAG contrast checks. - Storyboard, Script & Voiceover: Guides collaborative storyboard and narration-script approval, then generates TTS audio (HeyGen, ElevenLabs, or Kokoro) with word-level caption timing. - Deterministic Video Build: Builds GSAP-based beat compositions with linting, snapshot verification, and a final Studio preview URL. - Use Case: Ask it to turn your landing page into a 15-second Instagram clip — it captures the site, extracts your brand, drafts a storyboard for approval, generates narration, and delivers a ready-to-render video project. ## Quick Start Ask the agent to turn https://your-site.com into a 30-second showcase video and follow the step-by-step gates from capture through validation.
