Wiki 知识库

全部文档 / 标签: Hyperframes

49 篇
清除

Opus 5.5: Motion Engineering 完全指南

本文介绍了如何使用 Claude Code 搭配 Opus 5.5 模型,在 15 分钟内生成完整动态视频的完整流程。文章涵盖初始设置(Claude Code、HyperFrames/Remotion 视频框架、动态设计 Skill)、创意简报撰写的八个关键要素(角色、格式、故事、视觉风格、排版、动效语言、音频、禁忌事项),并提供可直接使用的提示词模板。还分享了进阶技巧,包括创建自定义品牌 Skill、控制节奏、使用真实素材文件、逐场景拆解等方法,适用于产品发布视频、产品更新、个人品牌等场景。

技术 › Claude AI Edge 2026-10-2614.0 KB 82.9K 156 86

拆解 9 个方法:让 AI 写代码帮你做视频起号

文章系统介绍了用代码(而非视频模型)生成 AI 视频的 9 种技术原理,分为四类:网页动画类(HyperFrames、Remotion、Motion Canvas),适合主流视频制作;去 AI 味类(rough.js 手绘线条、分层插画、p5.brush 数字水彩);数学板书与地图路线类(Manim、基于 TTS 时间戳的地图路线动画及自研 map-motion skill);3D 类(three.js 镜头曲线、Blender MCP)。代码动画相比视频模型可复现、可精确修改,作者推荐新手从生态最丰富的 HyperFrames 入手,并附开源地址和教程链接。

技术 › Skill 北衡 2026-10-2211.8 KB 2.9K 29 84

拆解 9 个方法,让 AI 写代码帮你做视频起号

文章系统拆解了用 AI 写代码制作视频的 9 个技术方法,涵盖四大类型:一是网页渲染路线(HyperFrames、Remotion、Motion Canvas),借助浏览器逐帧截图生成视频;二是去除 AI 味的手绘风格(rough.js、分层插画、水彩动画叠层原理);三是数学板书 Manim 与地图路线动画(结合 TTS 时间戳与高德地图的 map-motion skill);四是 3D 视频制作(three.js 镜头曲线与 Blender MCP)。相比视频模型,代码动画可复现、可精确修改,作者推荐新手从生态最丰富的 HyperFrames 入手,并附开源地址与教程链接。

技术 › 工具与效率 空格.space 2026-10-2112.1 KB 10K 121 87

Codex 自动剪视频:ChatCut + HyperFrames 保姆级流程

本文详细介绍如何用 Codex 结合 ChatCut 和 HyperFrames 实现自动剪视频的完整流程。作者按制作顺序讲解:先连接 ChatCut 打开剪辑工程,再按规范整理素材文件夹并交给 Codex;随后核对配音并生成配音时间轴和字幕,制作镜头编排表;需要流程图或文字动画时用 HyperFrames 生成动效片段。作者强调先用约 30 秒样片确认字号、字幕位置和节奏,再扩展到整片,并给出按时间点报修改、保留原工程等返工技巧,最后以 MP4 1080p 导出。文章还建议把制作标准沉淀为 Skill,方便同类视频复用。

技术 › Codex 北衡 2026-10-2011.9 KB 5.4K 61 86

如何让 AI 帮助我们理解 AI 的输出

文章基于 Andrej Karpathy 的观点展开:AI 自主完成的工作越多,人类越需要花时间理解和审查其输出,而这部分工作也可以请 AI 协助。作者以该帖子为素材,实践了四种帮助理解的形式:一是文字,使用 asd-ste100-skill 技能按简化技术英语规范改写总结;二是图解,分别尝试 Codex 内置生图、小黑配图(狐狸定制版)和宝玉信息图技能;三是交互网页,用 Effective HTML 技能生成可切换四种表达版本的展示页;四是讲解视频,用 HyperFrames 生成约 59 秒的中文动画旁白视频。作者逐一评估各形式的效果与适用场景,并分享相关技能资源与使用经验。

技术 › LLM Fox 2026-10-0922.7 KB 16.7K 66 81

不会剪视频,也能用 Codex 从 0 做出一条完整成片

作者分享了用 Codex 从零制作知识科普视频的完整流程:先让 Codex 建立项目结构并撰写知识底稿,再改写为口语化口播稿并用 humanizer-zh 去 AI 味,接着用 edge-tts 生成配音和 SRT 字幕时间轴,让 Codex 根据真实时间轴设计分镜,最后用 HyperFrames 以 HTML/CSS/SVG 制作动画画面并渲染 MP4。作者以相对论科普视频为测试案例,产出 65 秒竖屏成片,含 16 个分镜和 17 条字幕,全程未碰剪辑软件,还介绍了 imagegen、video-use 等可扩展工具链。

技术 › Codex joy 2026-10-0216.0 KB 3.7K 46 92

Claude Opus 5.5 是怎么做出视频的

文章解析了 Claude Opus 5.5 制作视频的原理:它并非视频模型,而是通过编写程序逐帧绘制画面,再用浏览器截图、FFmpeg 合成 MP4。全流程分为五步:规划(脚本与分镜)、画面(HTML/SVG/three.js 等代码绘制)、动作(GSAP 或 Remotion 时间轴)、声音(TTS 配音作为全片时钟)、拍摄与合成(无头浏览器逐帧截图加 FFmpeg 拼接)。文章还介绍了 HyperFrames 和 Remotion 等现成工具,对比了代码视频与 Seedance、可灵等视频生成模型的优劣,并指出其局限与成本。

技术 › Claude 宝玉 2026-09-3018.1 KB 144.8K 954 86

Opus 5.5 登顶 Code2Video 基准,基于 HyperFrames 训练

Code2Video 是与 Google DeepMind 和 Kaggle 合作推出的开放基准,测试模型在单次调用、无 Agent 框架和工具的情况下,根据视频需求生成代码生成视频的能力。Opus 5.5 排名第一,超过 GPT-5.5、GPT-6 Astra 和 Claude Fable 5.1。研究分析了约 70 个 X 上的一次性提示词,发现 Opus 5.5 常用 Python 画帧再交给 FFmpeg,或用无头浏览器逐帧捕获 HTML 页面渲染。其核心思路是把视频写作时间的函数 f(t),逐帧计算,输出可重复。 Opus 5.5 还能在无工具和文档的情况下凭记忆复现 HyperFrames 特有概念,20 次全部通过其检查器。配合 HyperFrames 约束和 CLI 规则,可减少错误、降低一半 token 成本。

技术 › LLM Bin Liu 2026-09-298.5 KB 23.1K 144 64

107 个不到 50 星的宝藏:能让 Claude 做视频的 180 个开源 Skill 全分类

作者用 AI 工具 Jev 逐个阅读 README,整理出 180 个能让 Claude Code、Codex 等编程 agent 直接制作、剪辑视频和动效的开源 skill 仓库,分为剪辑与后期、讲解科普、框架工具包等 10 个类别,每个都附安全评级(178 个 SAFE)。文章指出代码化出片(Remotion、HyperFrames)是主流路线,占四成;镜头配方卡正在成为通用资产;107 个不到 50 星的小仓库信息密度被严重低估,按星数排序会漏掉它们。仓库与在线筛选页面均已开源,每 8 小时刷新。

技术 › Skill Jason Zhu 2026-09-2810.2 KB 85

手把手教你用WorkBuddy做HTML视频

本文介绍了如何用 AI Agent 工具 WorkBuddy 结合 HyperFrames 制作 HTML 动画讲解视频的完整工作流。流程分四步:撰写适合可视化的口播稿、录制并剪辑配音、用剪映生成并校对 SRT 字幕、将配音/SRT/视觉参考图交给 WorkBuddy 生成 HTML 画面并渲染成 MP4。核心技巧在于利用 SRT 字幕的时间戳为画面精确"排期",避免 AI 猜测页面节奏导致的音画不同步。生成满意后可将 HTML 作为模板复用,后续只需替换音频和字幕即可持续产出风格统一的视频,适合知识讲解、产品介绍等不露脸口播场景。

技术 › 工具与效率 MixAILab | 万象AI实验室 2026-09-218.3 KB 8.2K 103 82

Codex直出,开源一个手绘风视频Skill,让长文一键转视频!

万象AI实验室开源了一个手绘白板风格视频生成Skill,可在Codex中把长文自动转为讲解视频。基于HyperFrames插件,工作流程包括:自动拆分文章为2-6个镜头、生成白底黑线手绘稿、通过HTML叠加渲染文字标注、使用Mac内置语音配音、虚拟马克笔逐步揭示画面并渲染成视频。整个过程无需额外API,十几分钟即可完成,适合信息密度高的技术科普和分析文章,不适合叙事性强的内容。已在GitHub开源,安装简单,配音可替换为个人音色定制专属Skill。

技术 › Skill MixAILab | 万象AI实验室 2026-09-197.4 KB 14.5K 103 80

Codex + Hyperframes:拆解抖音爆款,让普通人也能吃上自媒体这碗饭

本文详细介绍了如何使用 Codex 和 Hyperframes 搭建一套抖音爆款视频的拆解与复用工作流。作者提出完整的制作顺序:工具准备、旁白、TTS 配音、画面、字幕到成片。文章强调先拆解原视频结构(Hook、叙事、视觉、节奏),人工核验事实与表达,再把可复用结构抽成模板,一次生成多个 Hook 版本用数据迭代优化,最后固化成可重复调用的 Skill。作者建议先手动跑通 3-5 条视频再自动化,建立素材池与固定视觉风格,并将数据反馈喂回流程持续修正,目标是搭建一条能重复生产内容并不断自我优化的生产线。

技术 › 短剧 Fred-New 2026-09-1516.2 KB 296.2K 580 92

Codex 实战系列|零剪辑自动生成爆款视频

本文是 Codex 视频制作实战教程,讲解如何用 Codex 实现从文章或主题到成品视频的全流程自动化。作者介绍了完整的制作路线:生成口播稿、TTS 配音(含用 CosyVoice 复刻个人声音)、基于最终音频建立时间轴、拆解分镜、用 HyperFrames 生成成片,以及用 Remotion 制作固定栏目模板。文章还对比了 HyperFrames 与 Remotion 的选择策略,并补充了用 video-use 处理真人口播剪辑的方法。核心原则是先定稿声音再做画面,避免返工。零剪辑基础的新手只需将 GitHub 仓库链接交给 Codex,即可完成工具安装和视频生成。

技术 › Codex Miles Ma 2026-09-0819.5 KB 877K 2.2K 91

AI 视频自动生产线:用 Codex 接管图片路由、Midjourney 关键帧、生视频和 Hyper 剪辑

作者分享一套跑了两个月、已开源的 Codex AI 视频自动化工作流。核心思路是让脚本、人物资产、关键帧、视频生成和剪辑共享同一时间线,而非依赖更强的模型。流程包括五步:先做图片路由分工(预览、母帧、关键帧、精修分而治之);用 Midjourney V8.2 建立人物、场景、道具、风格四类母版资产保证一致性;Codex 生成可观察的动作提示词并驱动视频生成与质检;最后用 HyperFrames 以旁白为时钟完成程序化剪辑和信息层。流程保留人工确认门和可复跑记录,实现可复用的 AI 视频生产线。

技术 › Codex 伯岩 2026-09-0317.8 KB 16.4K 144 90

HyperFrames 高质量展示案例与推荐关注的官方核心博主

作者整理了一批 HyperFrames 高质量展示案例(含完整链接和简短介绍),引发不少人兴趣。他分享了日常学习方法,并推荐四位 HeyGen 官方核心成员:产品与 Agent 工程 VP @liu8in(HyperFrames 主要负责人)、实操达人 @JakeFromHeyGen、联合创造者 @Rames_Jusso、Studio 组件开发者 @Miguel07Code。通过 HTML + AI Agent(如 Claude Code / Codex)可直接生成专业级 motion graphics 视频,无需传统剪辑软件,建议想学习的人关注这几位博主。

技术 › Agent 罗歌 (@milo_reed) 2026-08-242.5 KB 45

Codex剪辑第三弹:知识类视频AI自动剪辑方法全公开

作者分享使用Codex实现知识类视频自动剪辑的完整方法。凭借差异化的视觉设计和教程类内容,其两条视频即接到近四位数商单。核心思路是将画面拆分为A-roll(IP人物小剧场)与B-roll(知识图表)交替呈现,提升观感与AI剪辑准确率。工具链包括Codex、动效插件HyperFrames、豆包语音合成2.0。流程分四步:文案配音与声学对齐(whisper生成毫秒级时间轴)、生成视觉编排表(导演视角分镜)、按表正式剪辑(保持IP形象一致性需三视图与细节笔触图),并提供完整提示词。

技术 › Codex xilo 2026-08-2230.0 KB 1.1M 2.4K 82

Codex+HyperFrames自动剪辑视频实战教程

本文介绍了如何使用OpenAI的编程智能体Codex结合开源框架HyperFrames,实现全自动化的AI视频剪辑。作者详细分享了插件的安装配置、具体的项目实战流程以及全程使用的提示词。此外,文章还总结了AI剪辑常见的问题(如画面遮挡、闪屏等)及解决方案,并分享了利用AI高效产出高质量视频的心得体会,非常适合剪辑新手学习。

技术 › 工具与效率 图寻不熬夜 2026-08-099.3 KB 3.7K 23 81

我用 Codex + ImageGen + HyperFrames,做了一条十分钟的漫画「人生副本」视频

作者分享了使用 Codex、ImageGen 和 HyperFrames 等工具制作十分钟漫画视频的完整工作流。重点讲解了如何保持人物一致性、语音与画面对齐、字幕语义切分、宫格与单图混合生成以及长视频渲染优化,并将这些经验固化为 Agent Skill。

技术 › Agent 蛋黄堡 2026-08-0215.9 KB 251K 812

Media Effects & Overlays

本文介绍了 HyperFrames 的两项新功能:Media Effects 和 Media Overlays。前者通过确定性着色器处理视频或图像像素,后者提供可编辑的 HTML/CSS/GSAP 覆盖层。文章详细解释了两者的区别、安装方法、实现代码及使用技巧,强调如何通过命令行或 Studio 界面高效应用这些视觉特效。

技术 › 前端 HyperFrames 2026-08-0112.6 KB 13.2K 64

用代码做视频:HyperFrames 和 Remotion 选型指南

文章对比了 HyperFrames 和 Remotion 两个代码生成视频框架。HyperFrames 基于 HTML/GSAP,零构建、AI 友好,适合从零构建的动画和 AI 自动化管线;Remotion 基于 React,支持视频导入叠加和批量渲染,适合在已有视频素材上合成。作者建议根据底层是否含视频、AI 参与度等场景按需选型。

技术 › 前端 雪踏乌云 2026-07-289.2 KB 21.3K 115

Codex + Hyperframes + HeyGen +声音克隆:零基础自媒体变现全开源

作者分享了利用 Codex、Hyperframes、HeyGen 和 IndexTTS2 等工具构建的自动化视频工作流,实现了零基础、低成本的短视频制作与变现。文章详细介绍了各工具的选型理由、工作流架构及成本账单,旨在帮助读者通过 AI 技术解决内容生产的效率问题。

技术 › 工具与效率 雪踏乌云 2026-07-278.0 KB 160.7K 843

图书解读视频制作教程与实践案例

文章介绍了如何利用 Codex、AI 图片、AI 配音和 HyperFrames 制作 60-90 秒的中文图书解读短视频。作者以《活着》为例,详细分享了选书、脚本写作、图片生成约束、声音选择、字幕对齐及剪辑转场等全流程,并将经验封装成 Skill,为想做自媒体的人提供了一条不露脸、低门槛的内容创作路径。

技术 › Skill Smartpig 2026-07-217.8 KB 13.4K 168