用途：将一个 URL 转成 HyperFrames 视频合成。捕获网页截图（整页、视口或滚动式），作为场景组装进 HyperFrames 项目并渲染。当用户给出 URL 并希望做视频、把站点变成短片/推广、展示页面滚动、捕获并动画化、用两个 URL 做前后对比，或需快速产品演示视频时使用。
工作流：先确认目标（标题卡、滚动走查、功能亮点、前后对比）、时长与画幅；再在新目录执行 npx hyperframes init --tailwind 脚手架；随后捕获站点，环境中最可靠的是 Playwright（HyperFrames 已内置），用 page.goto(url) 后 page.screenshot({ fullPage: true }) 整页捕获，或滚动截图做走查，截图存到项目 assets/ 目录；然后合成，常见模板为标题+滚动+结尾（1 秒标题、8 秒滚动捕获、1 秒 CTA）、功能集锦（1 秒开场、关键区块 3-4 个缩放平移镜头、1 秒结尾，可用 GSAP 做镜头运动）、前后对比（同一 URL 两种状态截图做分屏擦除过渡）；最后执行 npx hyperframes lint 与 npx hyperframes render，社交用竖屏，嵌入用 16:9。
推荐默认：社交 8–15 秒、产品演示 20–30 秒、完整走查 60 秒以上；9:16（1080x1920）用于 TikTok/Reels/Shorts，16:9（1920x1080）用于嵌入，1:1（1080x1080）用于信息流；捕获视口常取 1440x900；结尾加 1.5 秒 CTA 卡（含 URL 和 Visit 提示）。
需妥善处理：捕获前关闭 Cookie 横幅/弹窗（page.goto 后等待 500ms，点击常见按钮如 button[id*="accept"]、button:has-text("Accept")）；懒加载内容先滚动一次触发再回顶；注入 CSS 禁用动画（* { animation: none !important; transition: none !important; }）避免半渲染；登录墙页面需先问用户是否登录（page.context().addCookies(...) 或持久化存储状态）。相邻技能：hyperframes（场景编写）、hyperframes-cli（构建命令）、hyperframes-media（配音旁白）。实际渲染前需安装并可用 Node 与 HyperFrames；具体收费、价格与平台支持暂未提供。