What problem does it solve? Turning HTML/CSS/GSAP animations into deterministic video files normally requires a full desktop Chrome and Puppeteer setup, which is unavailable in constrained environments like iOS. This Skill provides the complete HyperFrames CLI workflow plus an iOS-native renderer that captures frames via browser_use and encodes them with FFmpeg. ## Core Features & Use Cases - CLI Project Lifecycle: Scaffold, lint, preview, and render HyperFrames compositions with npx hyperframes commands, including quality, fps, and format controls. - iOS-Native Rendering: hf-render.py locks the browser viewport to the composition size, seeks frame-by-frame through the window.__hf protocol, captures Retina screenshots, and encodes MP4 via FFmpeg without Chrome. - Website-to-Video Workflow: A 7-step guided pipeline (capture, design tokens, script, storyboard, voiceover, build, validate) that turns any URL into a professional branded video. - Use Case: Capture a product landing page, generate a 30-second narrated promo video with kinetic typography and brand-matched colors, then render it to MP4 — entirely from a mobile device. ## Quick Start Ask the agent to run the environment check script and then render your HyperFrames project directory into an MP4 video.
