Codex 零基础AI生成视频完整教程（无需剪辑软件）

全程依托 AI 辅助操作，无需手动操作剪辑软件，8步从零到一完成首个视频制作，纯指令+AI生成，新手可直接照搬实操。

前置环境要求

需提前安装两款基础环境，否则指令无法运行： 1. Node.js 22及以上版本；2. FFmpeg

Step 1：安装核心依赖技能

终端输入指令安装 Hyperframes 核心能力：

npx skills add heygen-com/hyperframes

Step 2：解锁全套AI自动技能

程序拉取官方仓库成功，共识别19个配套技能，空格勾选/取消，回车确认安装。

19项技能完整释义

• 1. embedded-captions：数字人视频内嵌字幕生成

• 2. faceless-explainer：无真人出镜解说视频制作

• 3. general-video：通用基础视频能力

• 4. hyperframes：Hyperframes主核心包（必选）

• 5. hyperframes-animation：动画渲染核心（必选）

• 6. hyperframes-cli：终端命令行工具（必选）

• 7. hyperframes-core：底层核心契约引擎（必选）

• 8. hyperframes-creative：AI创意生成模块（必选）

• 9. hyperframes-media：音视频素材处理（必选）

• 10. hyperframes-registry：组件注册管理（必选）

• 11. media-use：媒体资源调用工具

• 12. motion-graphics：动态图形MG动画

• 13. music-to-video：音乐自动匹配生成视频

• 14. pr-to-video：Premiere工程转Hyperframes工程

• 15. product-launch-video：产品片头/宣传片专用模板

• 16. remotion-to-hyperframes：Remotion项目迁移工具

• 17. slideshow：图文幻灯片视频

• 18. talking-head-recut：数字人视频二次剪辑

• 19. website-to-video：网页录制成动态视频

新手最简勾选方案（对应前文8步教程全套能力）必选（全部核心功能，缺一不可）

1. hyperframes

2. hyperframes-animation

3. hyperframes-cli

4. hyperframes-core

5. hyperframes-creative

6. hyperframes-media

7. hyperframes-registry

按需附加（日常短视频推荐勾选）

• general-video（通用视频）

• product-launch-video（产品片头）

• embedded-captions（自动字幕）

• motion-graphics（动态图文）

操作提示

• 1. 光标移动上下切换选项，空格勾选方框变为 ◼

• 2. 全部选完按回车，开始自动安装依赖

• 3. 安装完成后即可执行 npx hyperframes init 创建视频项目

Step 3：提示词冷启动（零基础热身）

支持两种零基础生成模式，直接输入自然语言即可生成视频初稿：

• 从零原创视频：直白描述画面、时长、风格即可

  示例：做个10秒产品片头，黑底淡入标题，搭配轻柔背景音乐

• 文件转视频：依托文档、数据自动生成动态视频
  示例1：把这份PDF总结成45秒解说视频
  示例2：把这个CSV文件做成动态柱状图视频

Step 4：精准迭代视频（固定格式+细节修改）

通过精准提示词锁定视频格式、优化细节，支持无限迭代调整：

• 固定基础格式：直接指定比例、配音、字幕、适配场景 示例：9:16竖版TikTok风格视频，搭配TTS智能配音，字幕弹跳动态效果

• 精细化修改：针对画面、样式、结尾微调

  示例：标题放大2倍，切换暗色模式，视频结尾添加淡出过渡效果

Step 5：初始化视频项目目录

输入指令自动生成标准化视频项目文件夹，目录结构规整统一：

npx hyperframes init my-video

自动生成目录结构：

• my-video/ 项目根文件夹

• meta.json：项目元数据文件

• index.html：视频根组合入口文件

• compositions/：视频子组合素材文件夹

• assets/：视频音频、图片等资源素材文件夹

Step 6：实时预览视频（热重载）

运行预览指令，开启实时所见即所得模式，修改内容后页面自动刷新：

npx hyperframes preview

优势：无需反复渲染，实时查看修改效果，大幅提升调试效率。

Step 7：视频编辑核心3条规则（AI自动适配）

手动微调需遵循基础规则，全程可交由AI自动编写，无需手动记忆：

1. 根元素必须配置：data-composition-id、data-width、data-height 属性

2. 时间类元素添加 class="clip"，并配置 data-start（起始时间）、duration（持续时长）、track-index（轨道序号）

3. GSAP 时间线必须设置 { paused:true }，且注册到 window.__timelines

Step 8：渲染导出MP4成品视频

调试完成后，输入渲染指令，自动导出高清MP4视频：

npx hyperframes render --output output.mp4

指令运行完毕后，项目文件夹内即可获取 output.mp4 成品视频。

✅ 完整极简流程总结

安装技能 → 输入自然语言提示词 → AI自动生成视频项目 → 实时预览调试 → 细节迭代优化 → 渲染导出成片 全程无剪辑软件操作，纯AI驱动，零基础也能快速出片。

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～