What problem does it solve? Turning an existing website into a polished video (social ad, product tour, launch teaser) normally requires manual design extraction, scripting, storyboarding, voiceover, and animation work. This Skill automates that entire pipeline from a single URL. ## Core Features & Use Cases - Automated site capture: Runs npx hyperframes capture to extract screenshots, design tokens, fonts, assets, and animation metadata from any URL. - Seven-step gated workflow: Produces DESIGN.md, SCRIPT.md, STORYBOARD.md, TTS narration with word-level timestamps, per-beat HTML compositions, and validated output. - Deterministic rendering rules: Enforces GSAP timeline registration, asset cross-referencing, lint/validate/snapshot checks, and delivers a HyperFrames Studio preview URL. - Use Case: A user pastes a product URL and asks for a 15-second Instagram ad; the Skill captures the site's brand identity, writes narration and storyboard, generates voiceover, builds animated compositions, and returns a scrubbable Studio project link. ## Quick Start Ask the agent to capture https://your-site.com and turn it into a 15-second social ad video.
