一句提示词,生成一条视频:Codex + HyperFrames 完整教程

大家好,我是越哥。

最近测试了一套组合:Codex + HyperFrames

简单理解:

Codex 负责理解你的需求、写代码、调用工具;

HyperFrames 负责把这些代码渲染成视频。

你不用打开剪映、PR、AE,也不需要自己写复杂代码。

你只要把想要的画面、风格、文案和素材描述清楚,Codex 就可以调用 HyperFrames 生成视频。

这套方法特别适合自媒体人、运营、市场、电商团队和 AI 内容创作者。

01

为什么 Codex + HyperFrames 适合做视频?

picture.image

HyperFrames 是一个代码驱动的视频制作框架,可以用 HTML / 代码方式生成视频画面。

这件事刚好适合 AI Agent。

原因很简单:

第一,写代码是 AI Agent 最擅长的事情。Codex 本来就是 OpenAI 推出的 AI 编程 Agent,你描述需求,它负责拆解、写代码、修改和执行。

第二,HyperFrames 用 HTML 方式组织画面,对 AI 非常友好。相比复杂剪辑软件,AI 写 HTML 更稳定,出错少,也更容易迭代。

所以这套组合的工作方式就是:

你描述画面,Codex 写代码,HyperFrames 渲染视频。

picture.image

02

准备工作

picture.image

开始之前,需要准备两样东西。

第一,网络环境。

Codex 是海外产品,使用时需要稳定网络环境。

第二,ChatGPT Plus 账号。

这里不建议直接调用 API 做视频,成本会比较高。

Plus 订阅额度更适合个人创作者测试和迭代。

我实测下来,一条 90 秒左右的视频,大概可以改 9 次左右,之后可能会触发 5 小时额度限制。

所以做视频前,最好先想清楚画面结构和提示词,不要一上来反复乱改。

picture.image

03

安装 Codex

picture.image

打开 Codex 官方下载页面,选择对应系统版本。

Mac 用户下载后会得到一个

Codex.dmg 文件。

双击打开,把左侧 Codex 图标拖到右侧 Applications 文件夹里,就完成安装。

地址:https://openai.com/zh-Hans-CN/codex/

picture.image

建议开通最低档的 付费模式!

04

安装 HyperFrames 插件

picture.image

打开 Codex App。

在左侧栏找到Plugins。

点击进入后,搜索:

HyperFrames

找到HyperFrames by HeyGen,点击添加。

picture.image

picture.image

安装完成后,就可以在 Codex 里调用 HyperFrames 做视频了。

05

提示词怎么写?

picture.image

一份好的视频提示词,本质是把你脑子里的画面翻译成文字。

不要只写:

“帮我做一个高级感视频。”

这种提示太模糊,AI 很难稳定输出。

你至少要写清楚下面几件事:

  • 视频类型:功能演示、产品发布、数据可视化、社媒短片、口播包装等

  • 时长和画幅:比如 10 秒、30 秒、9:16 竖屏、16:9 横屏

  • 视频目标:这个视频要让观众理解什么

  • 视觉风格:Apple 风、极简科技感、真实软件界面、电影感等

  • 关键元素:必须出现的文字、图标、产品图、数据、素材路径

  • 动效要求:打字、淡入淡出、缩放、卡片展开、镜头推进等

  • 声音要求:配乐、点击声、打字声、旁白、音效同步等

这里给一个开场动画提示词示例。

  

    
     
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
     
     用 @HyperFrames 做一个能说明“Codex 调用 HyperFrames 生成视频”的开场动画,默认画幅,时间不超过 10 秒。目标是展示“我在 Codex 里用 HyperFrames 生成视频”的过程。画面从真实感的 Codex 深色聊天首页开始,中央显示 “What should we work on?”,下方是一个大号输入框。输入框里从第一个字开始,像真人打字一样流式输入:“帮我用 HyperFrames by HeyGen 做一个 iPhone 历代机型的展示动画”其中 “HyperFrames by HeyGen” 要像插件 mention / chip 一样显示,带小图标,并且和普通输入文字有明显区分。输入完成后,鼠标点击发送,进入生成状态。画面中央出现 Codex 图标 × HyperFrames 图标,下方显示 “GENERATING ...”。这个阶段要有轻微生成动效,比如图标轻微呼吸、跳动或震动,点点闪烁,但整体要克制、有产品感。生成完成后,回到 Codex 聊天界面,出现一个视频预览卡片。卡片封面是 Apple 风格的深色产品预览,中央有 Apple 标志和播放按钮。鼠标点击播放按钮后,视频卡片丝滑放大到全屏,像正式视频被打开一样,作为进入后续视频的转场。整体风格要拟真、克制、高级,接近真实 Codex 产品界面和 Apple 发布片里的软件操作镜头。界面切换使用平滑 fade in / fade out,所有动效清爽、利落、自然。请使用 HyperFrames 实现,并确保可以稳定 render 成 MP4。打字、点击和 generating 的声音要作为真实音轨接入,不能只用浏览器实时音效。
    

这个提示词的关键,不是字数多,而是信息完整。

它把画面、动作、节奏、声音、转场都说明白了。

06

版不满意怎么改?

picture.image

第一版大概率不会完美。

这很正常。

不要一次让 Codex 改十几个问题,容易越改越乱。

推荐方式是:

每次只改一个重点。

比如:

  • “字幕再大一点。”

  • “卡片不要挡住主体。”

  • “打字速度慢 20%。”

  • “最后转场太快,放慢一点。”

  • “整体蓝光太重,改成更克制的暗色产品风。”

如果画面问题比较复杂,直接截图,在截图上标注问题位置,再发给 Codex。

这种方式比纯文字反馈更高效。

07

真人口播视频怎么做?

picture.image

真人口播适合做个人 IP、知识分享、课程宣传、AI 工具讲解。

流程是:

先录一段自己的口播视频,然后让 Codex 帮你加字幕、信息卡、UI 浮层和动效包装。

第一步,录一段竖屏口播视频。

第二步,用剪映智能剪辑去掉气口,让节奏更紧凑。

第三步,找一条你喜欢的对标视频,上传给 Codex,让它分析风格。

可以直接用这条提示词:

  

    
     
       
       
       
       
     
     调用 HyperFrames 帮我分析一下附件的短视频。我要怎样给你提要求,你才能帮我生成类似的视频?请你先学习和分析附件视频。如果我想做成附件这种风格,需要用到哪些画面结构、动效要求、字幕风格和节奏设计?
    

Codex 分析完后,会给你一套参考提示词。

你再把里面的视频路径、主题、风格和字幕要求替换成自己的内容。

真人口播版提示词可以这样写:

  

    
     
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
     
     调用 @HyperFrames请基于我的 9:16 真人口播视频 [视频路径],制作一条竖屏 AI 科技感口播视频核心主题:[你的主题]视频要求:以真人口播为主线不要裁掉人物头部不要让信息卡挡住人脸字幕放在底部安全区上方信息卡优先放在人物两侧或上方适配视频号抖音小红书竖屏观看视觉风格:暗色极简高级科技感半透明玻璃卡片AI 工作流 UI克制干净专业不要赛博朋克不要满屏代码乱飞字幕要求:必须有中文字幕字幕和口播同步重点关键词高亮字幕不要遮挡人物请输出 MP4 视频
    

08

无人出镜视频怎么做?

picture.image

无人出镜更适合做产品介绍、AI 工具发布片、电商广告、跨境营销短片。

你只需要准备:

一段文案,几张产品图,或者一个参考视频。

提示词示例:

  

    
     
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
     
     请帮我制作一条参考附件风格的短视频。口播必须和下面文案一模一样,一个字都不要改、不要删、不要重写。视频规格:比例:9:16 竖屏时长:根据口播自然语速决定风格:暗色科技感、AI 产品发布片、HUD 界面输出:MP4不需要真人出镜口播文案:「[你的文案]」素材:[产品图路径][Logo 路径][界面截图路径]画面要求:根据文案逐句切换画面可以加入科技 UI、流程图、数据面板和产品卡片字幕必须同步关键词高亮不要遮挡核心画面声音要求:使用自然中文女声语速稳定,有商业短视频节奏背景音乐要有科技感和推进感音乐音量不能盖过口播特别要求:口播文案不能被改写不要新增我没有写的营销句子画面可以补充信息,但口播内容必须保持一致
    

这里最重要的一句是:

口播必须一字不改。

很多 AI 工具会自动润色文案,如果你不强调,它可能会把你的原文改成另一套营销稿。

09

素材不够怎么办?

picture.image

做视频经常卡在素材上。

比如产品图、封面图、关键帧、背景图、手机模型、人物轮廓图。

这时候可以直接让 Codex 调用图片生成能力,先把素材做出来,再放进 HyperFrames 视频里。

比如:

  
请帮我生成一张 iPhone 初代的正面图和背面图,参考官方产品图风格,尽可能接近真实手机外观。  
要求:  
透明背景  
产品居中  
光影真实  
适合放进科技感视频中  
输出 PNG

picture.image

素材生成后,再把图片路径放进视频提示词里。

这样就可以完成:

文案 → 素材 → 动画 → 视频

的一整套流程。

10

配乐怎么解决?

picture.image

视频要有质感,配乐很重要。

如果 Codex 生成的音乐不满意,可以用 Suno 这类 AI 音乐工具单独生成背景音乐。

提示词可以这样写:

  

    
     
       
       
       
       
       
       
     
     现代电影预告片风格。开头使用清脆利落的打击乐,比如响指、拍掌,搭配简约钢琴旋律。中段逐步加入电子贝斯和层叠节奏。高潮部分加入合成器和弦、管弦乐冲击和驱动感节奏。整体质感高级、干净,类似苹果发布会的能量感。118 BPM,纯音乐,无人声。
    

picture.image

生成后,把音乐文件导入到项目里,再让 Codex 加进视频音轨。

11

这套流程适合做什么?

picture.image

目前我觉得比较适合这几类内容:

  1. AI 工具教程视频。比如 Codex、ChatGPT、Dify、Coze、n8n 等工具介绍。
  2. 产品发布类视频。比如一个新产品、新功能、新课程、新服务上线。
  3. 电商素材视频。比如产品卖点展示、详情页动效、跨境广告短片。
  4. 个人 IP 口播包装。比如原始口播视频比较普通,但希望增加科技感和专业感。
  5. 知识类短视频。比如把一个复杂概念,用动画、卡片、流程图讲清楚。

12

使用建议

picture.image

最后给几个实用建议。

  1. 先找对标,再写提示词。不要凭空让 AI 想象风格。

  2. 提示词要具体,尤其是画幅、时长、风格、字幕、素材路径。

  3. 一次只改一个问题,避免来回返工。

  4. 多用截图反馈,比长篇文字描述更有效。

  5. 不要一开始就做 90 秒长视频,先用 10 秒、15 秒短片测试风格。

  6. 口播文案一定要强调“一字不改”。

  7. 做商业视频时,要提前准备好 Logo、产品图、截图和配乐。

📢 加入AI智能体社群!

我们的 AI 智能体社群,汇集了一线 AI 实战高手,配合社群陪跑和专属直播,重点打 AI 电商、AI副业、AI 自媒体等真实落地场景 ,把AI工具用到真实业务里。

📲扫码 / 加好友获取免费AI+智能体资料库,和真正的实战派一起玩转AI!

picture.image

免费使用两个月!Codex 入门教程来了,轻松上手指南

2026年最赚钱的AI项目:Token中转站,两个开源项目直接上线

一键生成泡泡玛特模型,不会建模的人,开始用Hi3D打印盲盒了

Hermes 全方位对比 OpenClaw:热门智能体到底怎么选?

一文看懂驾驭工程,火爆全网 Harness Engineering 指南

0
0
0
0
评论
未登录
暂无评论