非官方指南,与 Meta 无关联。

最后更新:

Opus 5.5 视频:爆款提示词合集和制作教程

Claude Opus 5.5 发布后,大家纷纷晒出用一条提示词让它做出来的动态图形短片、讲解动画、3D 场景,甚至小游戏。光是 awesome-opus5-5-videos 这个合集就收录了 475 条。下面是最火那些作品背后的提示词,以及你自己动手的步骤。

一句话讲原理: 你给 Opus 5.5 一条提示词,它写出一个能播放动画的网页(canvas、SVG、GSAP 或 Three.js),你录屏或者渲染成 MP4。它靠写代码出片,不是 Sora 那样的视频模型,所以特别擅长动态图形、文字动效、图解和 3D,不做真人实拍画面。

引爆这波的那条提示词

第一波作品大多用的是同一句提示词。合集里有 58 条用的就是它或几乎一样的版本:

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

常见的改法:把主题换成你自己的产品或网站,加上时长(10、15 或 40 秒),或者指定 1080×1080 这样的社交媒体尺寸。

按类型看作品和提示词

以下是合集里的真实提示词,按原作者发布的原文引用。点开原帖就能看视频。

动态图形

合集里有 288 条。作品集短片、产品宣传、文字动效。

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

作者 @ajith_io · Canvas · 看视频

Make a dynamic 15-second motion graphics video that shows why [your product] is the best at [what it does], like a showreel. Go all out: 1080×1080, 1s hook, loop.

作者 @Ishaaqahamed · Canvas · 看视频

4 seasons passing outside a train window, a cozy carriage, a cup of coffee on the table, Grand Budapest Hotel style

作者 @itsolelehmann · Canvas · 看视频

create a motion design video of a poster breaking out of its own frame.

作者 @pankajkumar_dev · Canvas · 看视频

讲解动画

合集里有 62 条。概念讲解、历史回顾、原理演示。

A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.

作者 @emollick · Canvas · 看视频

make a video highlighting key moments in the history of AI.

作者 @kloss_xyz · Canvas, SVG, CSS · 看视频

请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-tts

作者 @LinearUncle · SVG, audio · 看视频

3D 场景

合集里有 55 条。Three.js 和着色器。

Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design.

作者 @Michaelzsguo · Shader, Canvas · 看视频

Show me what goes on inside an AI data centre.

作者 @mdaman010 · Three.js, Shader, SVG · 看视频

游戏和互动

合集里有 70 条。浏览器里就能玩。

can you make a 3d game where you walk around and spot cats inside of a van gogh painting? we can start with stary night and its town

作者 @MandelDuck · Three.js, Shader · 看视频

Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.

作者 @aisongman · Canvas, pixel art · 看视频

来源: GitHub 上的 awesome-opus5-5-videos

三步做出你自己的

  1. 打开 Claude(App 或 claude.ai,需要付费套餐)选 Opus 5.5,或者在 Claude Code 里用 Opus 5.5。
  2. 粘贴上面任意一条提示词,再加一句:"做成一个独立的 HTML 文件。"
  3. 在浏览器里打开结果并录屏。想要干净的 MP4 文件,用下面的方法渲染。

"Opus 5.5 视频"是怎么做出来的

  1. 分镜:Opus 5.5 先写一份镜头表,定好每个镜头的时长。
  2. 代码:每个镜头写一个渲染器,每一帧都只由时间 t 决定。
  3. 出帧:无头 Chrome 按 t 逐帧推进,每帧存一张图。
  4. 编码:ffmpeg 把帧合成 H.264 的 MP4,第二遍可以加配音和字幕。

来源: OrcaRouter:"让它规划一段视频"实际产出什么

导出真正的 MP4 文件

发个帖子录屏就够了。想要帧率固定、画面干净的 MP4,就要把动画渲染出来。有三种做法:

方法一:在 Claude Code 里用 ClaudeAnimationBase(最简单)

ClaudeAnimationBase 是 John Heibel 开源的入门套件(MIT 协议):p5.js 加 p5.brush,带 31 种表情动作的 Clawd 角色,还有一份教模型怎么做动画的指南。作者所有测试视频都是用 Claude Code 里 xhigh 推理强度的 Opus 5.5 做的。

  1. 安装 Node.js、Google Chrome、ffmpeg,以及 Claude Code(需要 Claude 付费套餐或 API key)。
  2. 克隆套件、安装依赖,然后在这个目录里启动 Claude Code:
    git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
    cd ClaudeAnimationBase
    npm install
    claude            # start Claude Code, pick Opus 5.5 with /model
  3. 把 README 里的第一条提示词发给 Opus 5.5:
    Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.
  4. Opus 5.5 会先写分镜,再写镜头代码。写完后渲染:
    node render.mjs --clip --out=out/video.mp4
  5. 打开 out/video.mp4,或者用 Chrome 打开 studio.html 拖动查看。想改就直接说("跳跃慢一点""天空改成粉色"),再渲染一次。

没有独立显卡的话,每帧要渲染好几秒。README 建议集成显卡上别用水彩填充。

来源: GitHub 上的 ClaudeAnimationBase

方法二:一个 HTML 文件加一个渲染脚本(什么风格都行)

做动态图形、片头或数据动画,不需要套件。让 Opus 5.5 按下面这个约定写一个 HTML 文件,再用后面的脚本渲染。

写一个独立的 HTML 文件,1920x1080,在 <canvas> 上画一段 10 秒的动画。
设置 window.DURATION = 10,并定义 async window.seek(t),画出第 t 秒的那一帧。
每个像素只能由 t 决定:不要用 Date.now()、不要用 requestAnimationFrame 循环、
不要用 CSS 过渡、不要用没有固定种子的 Math.random()。
画面内容:[在这里描述你的场景、配色和动效风格]

把文件存成 scene.html,和这个脚本放在一起,然后运行:

// capture.mjs: node capture.mjs scene.html 30
import { chromium } from 'playwright';
import { mkdirSync } from 'node:fs';
import { resolve } from 'node:path';
import { pathToFileURL } from 'node:url';
import { execFileSync } from 'node:child_process';

const [file, fpsArg = '30'] = process.argv.slice(2);
const fps = Number(fpsArg);
mkdirSync('frames', { recursive: true });
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });
await page.goto(pathToFileURL(resolve(file)).href);
const total = Math.round((await page.evaluate(() => window.DURATION)) * fps);
for (let i = 0; i < total; i++) {
  await page.evaluate((t) => window.seek(t), i / fps);
  await page.screenshot({ path: `frames/${String(i).padStart(5, '0')}.png` });
}
await browser.close();
execFileSync('ffmpeg', ['-y', '-framerate', String(fps), '-i', 'frames/%05d.png',
  '-c:v', 'libx264', '-pix_fmt', 'yuv420p', 'out.mp4'], { stdio: 'inherit' });
npm init -y
npm install playwright
npx playwright install chromium
node capture.mjs scene.html 30   # writes out.mp4

这个脚本我们用 Playwright 1.56 和 ffmpeg 6 在测试场景上跑过:每帧存一张 PNG 到 frames/,最后生成 out.mp4。

来源: Hugging Face:Opus 5.5 视频的确定性渲染流程

方法三:较长的视频用 Remotion 或 HyperFrames

Remotion · HyperFrames

来源: Apiyi:用 Opus 5.5 写代码做视频

更多提示词模板

每条都要求先写分镜,这一步对效果影响最大。中文提示词同样有效。

产品宣传片(15 秒)

先为 [产品] 写一个 15 秒宣传片的分镜:4 个镜头,粗体大字,一个强调色,快切。等我确认后,再做成一个 HTML canvas 文件,带 window.DURATION 和 window.seek(t)。

带字幕的讲解动画(30 秒)

用 5 个镜头做一段 30 秒的 [主题] 讲解动画。用 SVG 画简单的扁平图标,底部逐句出字幕,节奏平稳。先写分镜,再写代码。

数据动画

把这份数据做成 20 秒的柱状图竞赛动画:[粘贴 CSV]。每帧重新排序,角落显示年份,所有变化都要缓动。每一帧只能由 t 决定。

卡通短片(ClaudeAnimationBase,README 原文)

Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.

省时间、省 token 的技巧

Opus 5.5 做视频能做什么、不能做什么

能做不能做
写分镜,并为每个镜头写动画代码自己直接输出 MP4 或任何视频文件
看图片,所以能检查自己渲染出的画面和缩略图拼版读取视频文件,或者看一段参考视频
用代码画动态图形、讲解动画、图表、片头和 2D 卡通生成 Sora、Veo 那种写实画面
写字幕时间轴和配音稿生成配音或音乐,这要另外用 TTS 或音频工具

来源: Claude Opus 5.5 模型概览(Anthropic)

要花多少钱

Opus 5.5 价格和参数 用计算器对比成本

作品示例和延伸阅读

有两个地方收集了这些视频和提示词:GitHub 上的 awesome-opus5-5-videos 收录 475 条(可在 skillry.dev 浏览);Claude Video(claudevideo.org)收录 1,235 条,其中 457 条附带作者的完整提示词。两者都和 Anthropic 无关。

来源: skillry.dev

来源: Claude Video 作品库

来源: explainx:刷屏的 Opus 5.5 卡通是怎么做的

常见问题

刷屏的 Opus 5.5 视频用的是什么提示词?

大多数用的是这一句:"make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out." 很多人再把主题换成自己的产品、网站或话题。

Claude Opus 5.5 能生成视频吗?

不能直接生成。它只输出文本。大家看到的视频,是 Opus 5.5 写动画代码,由浏览器逐帧渲染,再用 ffmpeg 合成 MP4。

Opus 5.5 能看视频、分析视频吗?

不能。它只接受文本和图片。可以从视频里导出静帧或缩略图拼版发给它。

做 Opus 5.5 视频一定要用 Claude Code 吗?

Claude Code 最省事,因为 Opus 5.5 能自己写文件、跑渲染、看画面。用 API 或 Claude 应用也行,渲染脚本自己跑。

Opus 5.5 做视频免费吗?

工具(ClaudeAnimationBase、Playwright、ffmpeg)都免费。但 Opus 5.5 不在 Claude 免费套餐里,需要付费套餐或 API 额度。

什么风格效果最好?

动态图形、讲解动画、图表和扁平 2D 卡通。用图形和文字画得出来的都行,写实画面不行。

本站为独立站点,与 Anthropic 无关联。价格为 Anthropic 的美元标价。