Codex3721Codex3721
入门教程
实战案例
工具箱
参考来源
致谢
Redman 博客
Redman 导航
AIPlus 充值
交流群
入门教程
实战案例
工具箱
参考来源
致谢
Redman 博客
Redman 导航
AIPlus 充值
交流群
  • 实战案例库

    • 实战案例库
    • Codex × PPT Skill:一句话生成演示文稿
    • Codex × Draw.io MCP:AI 自动绘制架构图
    • Codex × Playwright MCP:让 AI 像人一样操控浏览器
    • Codex × HyperFrames:用代码生成动画视频
    • Codex × Obsidian:在知识库中自动生成配图
    • Codex × 飞书 CLI:一句话处理飞书数据
    • Codex × LLM Wiki:在 Obsidian 中搭建 AI 知识库
    • Codex × Figma MCP:让 AI 读懂你的设计稿
    • Codex × Notion MCP:打通你的知识工作空间
    • Codex × DKFile:AI 网页一键发布到公网
    • Codex × 云服务器:远程定位并修复 Bug
    • Codex × Chrome:让 AI 直接控制浏览器
    • Codex × GitHub Actions:CI 失败自动修复实测
    • Codex × 临床文献综述:把医学问题整理成可复核证据表
    • Codex × Hatch Pet:用一张照片生成专属宠物
    • Codex × 安卓手机:扫码连接,远程操控
    • 参考来源与致谢

Codex × HyperFrames:用代码生成动画视频

HyperFrames 和前段时间很火的 Remotion 都属于代码化的视频生成:

  1. Remotion:使用 React 写视频
  2. HyperFrames:使用 HTML、CSS 或 JS 做视频

如果你想做一些轻量化的视频,比如网页转视频、文档转视频等,那么使用 HyperFrames 就是一个非常不错的选择。


1. 安装插件

打开 Codex 桌面 App 的左侧边栏,找到"插件和技能"。进入后搜索 HyperFrames 即可找到该插件,直接安装即可。

image-20260512215014826

HyperFrames 也有对应的 Skill(技能),两者都可以使用。大家可以选择合适的或自己喜欢的方式进行安装。


2. 如何使用

我直接给了它一本书的内容,然后让它根据这本书的内容去制作视频,它就会调用这个技能去完成对应的任务。

image-20260512215253160

任务完成之后,它会告诉我们返回本地文件的地址,点击即可跳转查看具体内容。

image-20260512215544769

如果你仔细观察,会发现实际上它是生成了几张 JPEG 格式的图片,然后将图片组装成视频。大概是这样一个过程。

image-20260512215633692

第一次生成的视频可能并没有想象的那么完美,这时需要继续增加需求。

比如针对以下方面进行多次迭代,效果可能就会更好:

  1. 画面表现
  2. 生成的具体效果
  3. 每一页的文案、配色、背景等具体细节

这需要我们的耐心和一步一步的尝试。

image-20260512215719224

技巧: 如果你有目标视频,可以直接把成品的视频效果发给它,让它模仿去制作,做出来的效果可能会更加符合要求。

如果你对于 Remotion 制作视频的方式感兴趣,那么我推荐王老师在 GitHub 上分享的开源项目 Remotion的skill,你可以进行参考学习。

地址:https://github.com/wshuyi/remotion-video-skill

案例来源

  • 原始案例参考:CodexGuide:Codex × HyperFrames:用代码生成动画视频
  • 本站处理:保留原案例的段落顺序、图片顺序和参考来源,文字做 Codex3721 站内化改写,图片统一加上右下角水印。
最近更新: 2026/6/13 11:19
Prev
Codex × Playwright MCP:让 AI 像人一样操控浏览器
Next
Codex × Obsidian:在知识库中自动生成配图
Codex3721 © Redman

Redman 的中文 Codex / AI Agent 实战指南。

相关链接(友链)
  • YouTube
  • Telegram
  • redman.blog
  • redman3721.com
  • aiplus123.com
Disclaimer

Codex3721 是 Redman 维护的社区实践指南,不是 OpenAI、Anthropic、Google、DeepSeek、Minimax 或任何第三方工具的官方项目。涉及功能、价格、订阅方式、API 可用性和安全策略时,请以对应官方说明和工具实际情况为准。