What problem does it solve? Turning a finished HTML composition into a distributable MP4 video normally requires manual browser recording or custom rendering pipelines. This Skill bridges to the external Hyperframes monorepo and runs a gated lint-validate-inspect-render sequence so HTML scenes become verified MP4 files without re-implementing the render engine. ## Core Features & Use Cases - Shell-out rendering: Accepts either a single HTML scene file (auto-scaffolded into a temp project) or a full Hyperframes project directory, then runs npx hyperframes render --output <mp4>. - Mandatory pre-render gate: Executes lint β validate β inspect β render in order, aborting on any failure so broken compositions never reach the render stage. - Website-to-video pipeline: A 7-step capture workflow (capture, DESIGN.md, SCRIPT.md, STORYBOARD.md, VO generation, composition build, validation) turns a live URL into a branded video. - Use Case: A user finishes an HTML product-launch composition and asks to render it as a 25-second Instagram Stories video; the Skill verifies the environment, runs the gate sequence, and returns the MP4 path plus a job-completion report. ## Quick Start Render my approved HTML composition at ./design/launch/index.html to an MP4 video using the Hyperframes bridge.
