Claude Opus 5.5 代码渲染视频实例：13 个片段及其提示词拆解

Claude Opus 5.5 通过将动画编写为代码来制作视频。浏览器逐帧绘制这些代码，帧随后被编码成 MP4。因此输出效果就像动态设计作品：清晰的字体排版、精确的色彩、模拟界面、图表，以及形状到形状的转场。

在 475 个公开的 Opus 5.5 视频中，约六成是动态图形，五分之四是 16:9 横屏，中位时长为 30 秒。

Opus 5.5 视频是如何渲染的

Veo、Kling 和 Seedance 输出像素。Opus 5.5 输出一个基于 Canvas、SVG、CSS、GSAP 或 Three.js 构建的自包含 HTML 文件。随后无头浏览器逐帧渲染该文件，ffmpeg 将捕获的帧编码成最终文件。Canvas 出现得最频繁，在 475 个视频中有 336 个使用。SVG 次之，有 193 个，Three.js 有 141 个。Opus 5.5 发布页面上完全没有提到视频；创作者们自己摸索出了这种用法。

将视频视为代码有三个实际效果：

文字以文字形式渲染，颜色值是字面值。在提示词中放入一个十六进制色码，那个确切的色码就会出现在画面中。
迭代成本很低。一个场景的改动只是几行代码的差异。
照片级真实感不在考虑范围内。Deedy Das（其视频在下方作为 #2 出现）在谈到解释技术概念时这样说：“像 Seedance 这样的照片级真实感视频生成在这里不太有用”（帖子）。

在默认状态下，Opus 5.5 会倾向于在渐变背景上居中放置文字，每个元素都淡入。正是这种默认风格，让许多最初的视频看起来千篇一律。优秀的作品都有四个你几秒钟就能看出的共同特征：

节奏有变化：快速剪辑与停留的节拍交替出现。
文字有层级，有一行主导文字、较小的辅助标签，以及明显的阅读顺序。
场景之间相互连接，一个形状变成下一个场景。
片段以片尾卡或干净的循环点收尾。

作品集与动态设计

1. 数十位创作者重复使用的一句话作品集提示词

来自 Stephan Livera 的帖子：16,983 个赞，15 秒，16:9。

整个提示词只有一行：

制作一个充满动感的 15 秒动态图形视频，展示你是一位多么出色的动态设计师，就像是你简历用的作品集一样。全力以赴。

Opus 把它当作一件作品集作品来处理，配有时间码 HUD 和章节标签。其中一个章节在“从 A 到 B 的六种方式”标题下并排绘制了六条缓动曲线。另一个章节用循环平铺图案填满画面。一个单词以海报般的尺寸猛然切入，最后以一张红色片尾卡收尾。

这个提示词设定了一个目标、15 秒的时长和一个野心程度，然后把所有内容决策都留给模型。这使它成为对模型品味的一次很好的测试，但不适合任何与你自身品牌相关的内容。

至少有 90 个公开的 Opus 5.5 视频使用了这句话或与之相近的表述，其中包括来自 Ajith（4,057 个赞）和 Leon Abboud 的作品，每一个看起来都不同。我们把同样的句子给了 Opus 5.5：

我们用同一提示词的运行结果：15 秒，450 帧。

Stephan 的版本倚重缓动曲线和平铺图案。我们的版本以一个弹跳的球开始，它爆裂成单词“MOTION”，然后切换到由 2,304 个点组成的波浪，以及一圈从圆形变形为方形再到星形的点。

发布视频

2. 用一句模糊的话生成创业公司发布短片

来自 Deedy Das 的帖子：3,264 个赞，26 秒。

为一家做推理的现代创业公司制作一支现代、利落、有冲击力的视频

没有给出公司名称，于是 Opus 自己编了一个：“muda”，日语中意为浪费。影片开场是一个用户卡在等待响应 2.81 秒，接着展示一个 GPU 集群利用率攀升至 94%，最后落在一个 logo 上。每个场景都有一个小巧的编号标签，就像主题演讲幻灯片的分章方式。没人要求它呈现问题—产品—证明—名称的叙事弧线；是模型自己补上的。

制作方式：就是上面那一句话。Deedy 花了大约一分钟和大约 2 美元。

产品、屏幕上的每一个数字以及品牌名称都是虚构的，所以真正要发布意味着你得自己把这些喂进去。

3. 用真实产品素材拼装出的 SaaS 发布片

来自 Moritz Kremb 的帖子：418 个赞，46 秒。

制作方式：Moritz 让 Opus 挑一个人们熟知的产品，并从互联网上抓取它的真实素材。

我要你制作一支高度专业的 SaaS 产品发布视频。去找一些 SaaS，最好只挑一个人们熟知的，这样更容易产生共鸣。选定它，然后确保从互联网上获取真实的素材、图片以及所有这类东西。

Opus 选了 Notion，并踩准了标准的发布片节奏：“文档在这。聊天在那。任务无处不在。”画面是漂移的应用图标、重建的项目看板、一行功能配一张图表、一排客户 logo，以及结尾卡片上光标点击行动号召。

这些真实输入正是具体感的来源。对于你自己的产品，给它截图、你的标题和你的功能列表。这支片子里 Notion 拥有品牌和 logo，所以它只能作为演示。

4. 一镜到底拍摄的打印应用发布片

来自 zero 的帖子：2,103 个赞，29 秒，1:1。

这一条是一个长达数千字符、结构化的提示词，组织成 <inputs>、<direction>、<structure>、<build>、<gotchas> 和 <start> 几个区块。以下是导演区块的开头：

一支 Apple 主题演讲风格的发布片，仅 2D，一镜到底。每个场景都由上一个场景构成：没有任何淡出、模糊或切换。[...] 禁止：交叉淡化、模糊进入、亮度“显影”、3D 翻转、粒子、辉光、超过 1 秒的停留、任何看起来像模板的东西。

制作方式：照片、音乐和墙面素材都是创作者自己的，提示词一开始就要求提供它们。它还让 Opus 先产出一份节拍图和四张静帧供审阅，然后再写完整影片。

一个按钮变成一张照片，一个玻璃滑块把那张照片重新打光成黄金时刻，图像从手机传到浏览器窗口，最后这个序列收尾于一段真实墙面素材上的一幅带框打印画。禁止清单比多加几个形容词更快地剥掉了模板感。

这三支发布视频遵循同样的弧线：钩子、产品、几个功能、结尾卡片。

UI 动效与应用演示

5. 九个 UI 状态，一个变形元素

来自 zero 的帖子：12,044 个赞，14 秒，1:1。

Dribbble 级别的 UI 动效。一个形状，从不切换：每个状态都是同一个元素在变形其尺寸、圆角和颜色，同时其内容以短暂的模糊进行替换。一个光标通过真实的点击和拖拽驱动每一次变化。

一个黑色元素依次循环经过按钮、对勾、音乐播放器、音量滑块、开关、标签页组、图表、⌘K 命令面板和一条 toast 提示，最后回到按钮。每次过渡都由光标在 120 BPM 音轨的节拍上触发，且最后一帧与第一帧一致，因此这段短片可以无缝循环。

一个持续存在的单一对象让视线在整整十四秒内始终被锁定。这些状态本身只是占位符；对于真实应用，你会替换成自己的实际界面。

制作方式：zero 提供了音乐，而提示词锁定了节奏（“120 BPM，7 小节，每一拍都有事情发生”），这为每次变形在时间线上分配了固定的位置。

社交广告与品牌片头

6. 面向社交信息流的竖版金融科技广告

来自 David Marcus 的帖子：283 个赞，23 秒，9:16。

为社交平台制作一段有力且现代的短视频，宣传 @lightspark 的能力。需要达到制作级水准并配有声音

浅色网格上放着超大字号，每屏一个观点：“金钱的流动方式还停留在 1973 年”，接着是一笔 USD 到 MXN 的转账以“几秒内”完成，然后是“为人类。也为 AI 智能体”和“金钱的 TCP/IP”，最后是 logo。整个宣传建立在一个对比之上——1973 年这个日期与即时转账——而且每一行在手机上静音观看时都清晰可读。

7. 一段 20 秒的动态品牌循环

来自 TechHalla 的帖子：270 个赞，20 秒，1:1。

制作方式：一段读起来像规格表的提示词，把整体外观全部写成数字。

时长：恰好 20.00 秒。可循环：第 0 帧 == 最后一帧（位置、不透明度、光标，如有）。
格式：单个 HTML 文件，1080×1080（正方形，适配 X）。60fps。
配色（严格）：背景 #0A0A0A，品红 #FF2BD6，酸性绿 #B8FF00 [...] 不得使用其他色相

黑色背景上的粗重白色字体，酸性绿字符先乱序跳动，随后归位成词，一个用户名在品红色横条上逐字打出。

把配色换成你自己的，并保持数字同样精确。这类作品没有太多内容空间，所以最适合用作片头或片尾。

讲解与数据故事视频

8. 一杯 Negroni 配方，一次量取一份

来自 Rory Flynn 的帖子：1,025 个赞，30 秒，1:1。

我们要做个小测试。你觉得你能用 javascript 或 html（你觉得哪个效果最好就用哪个）渲染一段食谱动态图形动画，展示从开始到完成的完整食谱（从空杯到调好的鸡尾酒）吗——讲解视频风格——在原料倒入杯中时展示食谱原料 + 用量。应该是 30 秒的视频。

提示词把饮品以及 JavaScript 和 HTML 之间的选择都留给了 Opus。它选了 Negroni。一只手绘的杯子逐层填满，杯身侧面有刻度线。一张步骤卡显示“1 oz GIN”或“20 SEC STIR”，底部的六步追踪器会在每一步发生时依次勾选冰块、金酒、Campari、味美思、搅拌和橙皮。

追踪器是值得复用的部分：任何分步视频，只要观众能看到自己进行到哪一步，就更容易跟上。说出你想要的食谱或产品；否则模型会自行选择。

9. 递归，每一层用一种新类型来讲解

来自 Ethan Mollick 的帖子：554 个赞，75 秒。

一段解释递归的视频，其中每一层关于递归的解释都采用截然不同的视频风格，让它自我指涉、巧妙且节奏明快。

每一层解释都嵌套在前一层之中，并不断切换类型：企业宣传片、自然纪录片、电影预告片、儿童电视节目。顶部有一条“调用栈”进度条，每深入一层就增加一级，把这种嵌套变成可见的数据结构。最后，视频在“还是没懂？”的标题下于自身内部播放。

10. AI 历史上的关键时刻时间线

来自 klöss 的帖子：192 个赞，2 分 52 秒。

制作一段视频，突出 AI 历史上的关键时刻。

只用一句话，Opus 就构建出一条深色时间线，配以橙色点缀，并分成编号章节：1943 年的人工神经元被渲染成逻辑图，ELIZA 在 1966 年的对话被逐字打在终端上，还有 2012 年 ImageNet 结果的柱状图。底部有一条字幕带承载旁白，片尾字幕把动态设计、声音设计和代码都归功于 Claude。

时间线很适合用代码动画来呈现，因为每个时刻都能归结为文字、数字或简单图表。Opus 自己生成了所有日期和数字，所以发布这样的解说视频前要先核实。

叙事与历史动画

11. 以折纸涂鸦呈现的人类故事

来自 songkeys 的帖子：423 个赞，1 分 48 秒。

创作一段简短的折纸／涂鸦风格动画，展现人类从诞生到当下，以及最终 AI 孵化的发展、进步与文明。[...] 风格：涂鸦感、可爱、温暖、叙事性强、无口语（简单文字可以，但不要用太多解释性／叙事性文字，因为我想让不同文明都能理解）、诗意、动人、高质量。

日出时分柔和的剪纸山丘引向第一座村庄，然后是夜晚的地球，点缀着发光的图标，接着是网络线条蔓延过村庄，最后是一页速写本，铅笔在其中画出一个生物。要求“无口语”把整个叙事都推入视觉之中，因此这段视频无需翻译就能在任何市场奏效。

12. 用沙子讲述 250 年美国历史

来自 Michael Guo 的帖子：349 个赞，2 分钟。

制作一段 2 分钟的沙画动画，讲述美国 250 年的历史。保持生动、引人入胜且有品位。加入合适的背景音乐和声音设计。

带颗粒感的棕褐色剪影，每个场景角落都盖着一个年份：1840 年代向西滚动的马车，1886 年一艘轮船滑过自由女神像，下方写着“给我你那疲惫、贫穷的……”，1963 年的人群，以及“250，1776-2026”上方的烟花。仅凭“沙画动画”这两个词，Opus 就推导出了棕褐色颗粒、剪影，以及看起来像沙子被扫过的场景转场。

13. 火车窗外的四季

来自 Ole Lehmann 的帖子：264 个赞，30 秒。

火车窗外掠过的四季，舒适的车厢，桌上放着一杯咖啡，《布达佩斯大饭店》风格

一个上锁的对称画面：紫色窗帘、两盏台灯和一只咖啡杯始终不动，而窗外的景色则循环经历春、夏、秋、冬，再回到花开，远处有一座粉色山顶宫殿。四个字的电影引用带来了对称感、柔和色调和那座粉色建筑。

三段叙事作品各自点明了一种媒介或一个参照：折纸、沙画、一部韦斯·安德森电影。

13 条提示词中的规律

那句一句话的展示短片提示词给出了精致但谁都能用的短片。那些看起来像真实公司发布的宣传视频，背后都有真实的输入：一个实际产品、截图、一套配色、创作者拍摄的照片或素材。Rexan Wong 的总结是：“每个人用的都是同一个模型。你给它的上下文才让它看起来专业”（帖子，6,730 个赞）。

13 条提示词中有 6 条指定了时长或节奏，而这一组包含了本列表中点赞最高的两个视频（#1 和 #5）。在所有 475 个公开视频中，一半时长在 15 到 43 秒之间。如果不写长度，Opus 会自行决定：klöss 那句一行历史提示词没有给出时长，返回的视频却将近三分钟。

创作者们还点明了风格：折纸、沙画、布达佩斯大饭店、Apple 主题演讲、Dribbble 级别的 UI 动效。这些名字中的每一个都编码了一套配色和一种节奏，若要详细说明得写上一整段。

最长的提示词会在动画之前加入一个规划步骤。它们要求在写代码之前先给出节拍图、状态列表或静帧，这样问题在修复成本还低的时候就能暴露出来。

时间和成本差异很大。最快的一端大约一分钟、2 美元（Deedy Das）。最慢的一端，一个宣传视频大约花了八小时，其配乐本身也是用代码写成的（Leon Lin）。介于两者之间：15 分钟（Chain）、包含两次修改共 19 分钟（David Ch），以及三次提示（Miles）。

代码渲染视频的局限

它无法拍摄任何东西。要呈现真实的人物或地点，你需要摄像机或像 Veo、Seedance 这样的视频生成模型。Opus 可以剪辑这些素材，并在其上叠加文字和图形，但只能在能够加载视频文件的设置中实现，例如配合 Remotion 使用的 Claude Code，其中 <OffthreadVideo> 组件会把片段放入合成中。下面介绍的浏览器工具基于文本描述工作，不接受视频输入。
它不会录制歌曲或配音。在 #4 和 #5 中，创作者带来了音乐，Opus 让动画与之同步。Opus 可以用代码生成音频，就像 Leon Lin 为完整配乐和音效所做的那样，但录制的音轨或配音必须来自其他来源。
它不了解你的品牌。没有参照、标志和配色，输出就会滑回那种千篇一律的居中文字外观。

制作你自己的 Opus 5.5 视频

根据你已有的东西选择切入点：

想测试模型自身的能力，就运行 #1 中的展示短片提示词。
要发布产品，就复用示例 2 到 4 中的发布结构，换上你的产品名称、三个功能和品牌配色。
如果需要超过 30 秒，或想使用自己的素材和音频，就在 Claude Code 中配合 Remotion 或 HyperFrames 之类的渲染器来工作。

选项 1：运行你自己的渲染管线

将 Claude Code 与一条流水线搭配使用：在无头浏览器中打开 HTML，捕获每一帧，并用 ffmpeg 编码。Hugging Face 操作指南中有设置细节。这条路径支持长视频、音频和素材片段。

选项 2：使用托管浏览器工具

opus6.video 在其端运行 Claude Opus 5.5，因此无需 Claude 订阅，也无需安装任何东西。写一段描述，或从 Designer showreel、App launch video 或 Product walkthrough 等模板开始，然后选择 16:9、9:16 或 1:1，以及 10、15 或 30 秒的长度。Opus 5.5 会起草分镜并编写场景，你在聊天中反复迭代，结果以 1080p MP4 下载。每个视频最长 30 秒，且导出没有音频，所以音乐要在剪辑时加入。

同一网站还保留了一个成品视频画廊，旁边是制作它们的提示词。

常见问题

Opus 5.5 视频有长度限制吗？

本地渲染时没有；这里的示例从 14 秒到近 3 分钟不等。渲染时间会随长度增加，因为每一帧都是单独绘制和捕获的。上面的托管浏览器工具将每个视频限制在 30 秒。

这些提示词可以重复使用吗？

可以，作为模板使用。将产品、主体和配色替换为你自己的。视频归其制作者所有，所以请链接回他们的原始帖子。

本文由 AI 协助起草。opus6.video 由作者构建。