What problem does it solve? Turning a live website into a polished marketing or social video normally requires manual screenshots, brand asset hunting, storyboarding, and video editing. 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 that produces a HyperFrames video composition. ## Core Features & Use Cases - Automated site capture: Downloads screenshots, SVGs, fonts, and computed design tokens from any URL via npx hyperframes capture. - Brand identity extraction: Generates a DESIGN.md cheat sheet with exact color palettes, font files, and component CSS values from the captured site. - Storyboard-to-render pipeline: Walks through strategy briefing, storyboard and script writing, TTS narration with timestamp mapping, per-beat HTML composition building, and lint/validate/snapshot verification. - Use Case: Give it a landing page URL and ask for a 15-second Instagram clip; it captures the site, plans beats around your message, builds GSAP-driven compositions using the brand's real assets, and delivers a Studio preview URL. ## Quick Start Ask the agent to turn https://your-site.com into a 15-second social clip for Instagram and follow the guided brief.
