1️⃣ HyperFrames 到底是什么

HyperFrames 不是剪辑软件，而是一套让 AI 做视频的开源框架。你用 HTML、CSS 和动画描述画面，它在浏览器里逐帧生成画面，再由 FFmpeg 编码为 MP4。简单说，就是把“写网页”变成“做视频”。

2️⃣ 它怎么把网页变成视频

🎬 它不是直接录制网页，而是让无头浏览器精准跳到每一帧，再把画面、声音和素材合成视频。同一份内容可以重复渲染，也能检查每一帧有没有出错。

3️⃣ 19 个 Skill 怎么配合

它不会一次塞给 AI 19 个 Skill，而是先通过 `/hyperframes` 判断你想做产品宣传、字幕、人像包装还是自由视频，再按需调用对应能力。这样 AI 不容易跑偏，也不会拿同一套模板硬套所有需求。

4️⃣ AI 学到的是完整流程

🧩 HyperFrames 教给 AI 的不只是一句提示词，而是一条生产线：先确认需求，再写合规的 HTML，接入素材和动画，检查、预览并渲染。每一步都有明确分工，出问题时也更容易找到原因。

5️⃣ 新手怎么开始

🤖 使用 Codex、Claude Code、Cursor 或 Gemini CLI，可以安装对应 Skill，让 Agent 帮你做；也可以自己运行 HyperFrames CLI，从初始化、预览到输出 MP4，先跑通一个最小视频。

6️⃣ 它和 Remotion 有什么不同

HyperFrames 更强调纯 HTML，不要求 React，适合已有网页技术和设计系统的团队；Remotion 使用 React，生态和云渲染更成熟。两者都能生成视频，怎么选主要看你和团队熟悉哪套技术。

7️⃣ 哪些场景最适合

🏗 它适合产品发布、数据动画、批量内容和可重复的品牌视频，也适合让多个 AI 接力维护同一套视频模板。但它不是拖拽剪辑器，你仍需管理动画、素材、字体和渲染环境。