What problem does it solve? Turning a website into a polished video normally requires manual screenshotting, brand asset extraction, storyboarding, voiceover recording, and frame-by-frame animation work. This Skill automates that pipeline by capturing a URL with headless Chrome, extracting the site's brand identity, and guiding a gated 7-step workflow that produces a HyperFrames video composition. ## Core Features & Use Cases - Automated Site Capture: Runs npx hyperframes capture to download screenshots, SVGs, fonts, design tokens, and computed CSS styles from any URL. - Brand Identity Extraction: Generates a DESIGN.md cheat sheet with exact colors, font files, component CSS values, and WCAG contrast checks. - Storyboard, Voiceover, and Build Pipeline: Creates storyboards and narration scripts, generates TTS audio with word-level timing, and builds GSAP-based beat compositions validated by lint and snapshot gates. - Use Case: A marketer asks to turn the company homepage into a 15-second Instagram clip; the Skill captures the site, locks the message and narrative arc, builds branded animated beats, and delivers a Studio preview URL. ## Quick Start Ask the agent to turn a specific website URL into a short social video, for example: make a 15-second Instagram clip from https://example.com.
