← 返回学习中心 · 图文、视频与演示OiOi Academy
AI绘画视频3D · 12

Opus 5.5 动态设计工作室:12 步从一句话到完整管线

@0xMovez 万字课程:2026-09-22 Opus 5.5 发布引爆"代码渲染视频"潮,这 12 步把"one prompt"神话拆成可复现的 studio 管线。

原作者 @0xMovez 来源 X 长文 发布 2026-09-24
🧭

开篇:这课解决什么问题

2026 年 9 月 22 日,Anthropic 发布 Claude Opus 5.5(性能对标 Fable 5.1,便宜 40%)。几小时内时间线被 showreel、发布片、MV、五分钟历史短片刷屏——全部用代码渲染。

评论区两句话都是"half true":"Captions said one prompt"(有的真是 30 词);"Replies said motion designers are cooked"(有的背后是 9500 字导演简报 + Skill 文件夹 + 两个 API key + 12 小时自主运行)。Claude Code 团队的 Thariq 一句话点破:the post says one-shot, the prompt is 10k characters with skills, examples, keys。

@0xMovez 把定义潮流的 9 篇帖子拆成 12 步课程,教你从一句话到完整 studio 管线。核心论断:The prompt is 10% of the video. The other 90% is the harness.

记住:一句话结论:模型只写程序不写视频;确定性 seek(t) + 批评循环 + 打包成 Skill = 可复现的工作室管线。
🎞️

真相:模型写的是程序,不是视频

Opus 5.5 输入文字图片、输出文字——它发不出 MP4。每条爆款视频都是 Opus 写的一个程序,别的东西把它变成帧。

核心技巧是确定性:Opus 写一个纯时间函数 seek(t)(或 draw(t)),对任意时刻 t 画出精确的那一帧。无头浏览器调它 900 次(15 秒 × 60fps),逐帧截图,ffmpeg 缝合成片。不依赖计时器,每次渲染一模一样,改一处只改一行代码重渲染。

Tommy Rossi 拆解发现 Opus 默认走零依赖路线 A:单个 index.html + eval 调 seek + Playwright 逐帧抓 + ffmpeg 编码——有 Remotion/HyperFrames 可用它也不用,除非你明说要框架。

原文配图:Opus 5.5 motion design 课程主视觉
原文配图:Opus 5.5 motion design 课程主视觉
高中生类比
传统视频是"录像":演一遍录下来;seek(t) 是"数学公式":输入时间,输出画面。公式的好处是第 812 帧不用演完前 811 帧,直接算出来。
🏗️

装 studio:10 分钟 + 一份家规

聊天 App 能写动画,但只有 Claude Code(或任何有 shell 的 Agent)能渲染、能听、能看自己的帧——这个反馈环就是"mid 首版"和"爆款"的区别。

安装(原文命令):

brew install node ffmpeg python          # macOS; apt on Linux
pip install numpy librosa soundfile
mkdir motion-studio && cd motion-studio && npm init -y
npm i -D playwright && npx playwright install chromium
npx skills add remotion-dev/skills       # 可选 route B
npx skills add heygen-com/hyperframes    # 可选 route B
claude --model claude-opus-5-5

努力档:medium 修小 bug,xhigh 做新片,max 做旗舰(Opus 5.5 默认 medium,所有爆款 one-shot 都跑在 xhigh/max)。

再 drop 一份 CLAUDE.md 家规(Claude Code 每次运行都读,不用重复讲):render contract(seek(t) 纯函数,禁 CSS transition/setTimeout/requestAnimationFrame,随机数只用种子 mulberry32);banned 清单(渐变上的居中标题、万物淡入、角落标签……);每 2–4 秒必须有新东西;声音 -14 LUFS;先出 contact sheet 打分修到 8+ 再全渲染。

原文配图:seek(t) 确定性渲染示意——浏览器逐帧截图再由 ffmpeg 缝合
原文配图:seek(t) 确定性渲染示意——浏览器逐帧截图再由 ffmpeg 缝合
🎬

导演式提示:从一句话到 XML 规格

9 篇帖子用了 4 档提示,按功力排序:

四篇帖子用同一句:"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." 拆解:"showreel for a résumé" 定了类型(快剪+每镜新技法+最好的放最前);"go all out" 是努力乘数。但 athemeroy 数据集警告 brief contagion:几百人用同一句,产出的 reel 彼此撞衫。拿它测 setup,别拿它当作品。

Tony Dinh 案例:一年前花 $1000+ 外包的发布片,这次 30 分钟做出来。只加三行:产品 URL、"用真实截图/logo/素材"、"必须有音乐"——Opus 自己上网站扒素材。Rob Hallam 证明:同一 session 里做第二条更快(渲染器/音频管线已存在)。一个品牌开一个 session。achxvi 加了 ElevenLabs 配音的会说话吉祥物,直接卖成服务。Key 放 .env,永远别贴真 key 到会被截图的 prompt 里。

没参考,Opus 默认就是"居中字+渐变+淡入"。Rexan Wong 复盘几十条爆款:命名一种风格比描述一种风格管用。三档:单帧(截一张你爱的视频的帧,说明取什么、不取什么)、整段视频(ffmpeg 每 0.5s 抽帧,让 Opus 先写 style_guide.md 再写 shotlist.md)、个人图库(让 Opus 从你过往作品提炼 style_guide.md——别人抄不走)。

本周被收藏最多的不是一句话,而是 XML 规格:@twoclipping 的 UI morph(907K 播放)与 @verbove 的 MakerMap 都用它。核心概念 one shape, never cut:一个元素变形(尺寸/圆角/颜色)走完全片,光标驱动每次变化,尾帧=首帧可循环。模板含 inputs / direction / structure(120BPM、每拍有事发生)/ build(单 HTML 单 canvas、closed-form 弹簧、节拍网格)/ gotchas(尾帧必须等于首帧)。

原文配图:15 秒简历 showreel——one-liner 的源头,Max effort 一次成型
原文配图:15 秒简历 showreel——one-liner 的源头,Max effort 一次成型
原文配图:UI morph
原文配图:UI morph"一个形状从不断变形"走完全片,XML 规格路线的代表作
⚙️

渲染引擎:seek(t) + 弹簧 + 节拍

路线 A 的干净写法:两个文件。页面按需画任意时刻,渲染器走时间、把帧 pipe 进 ffmpeg(tmix 做运动模糊)。

路线 B(要框架就明说):Remotion(React,适合系列片/模板/数据驱动)或 HyperFrames(HTML+GSAP,适合网页思维)。见《第 5/6 课》。

弹簧代替 easing:便宜动效是固定曲线从 A 到 B;贵的有质量感——加速、轻微过冲、落定。closed-form 弹簧保持纯时间函数,seek(t) 依然确定性。多目标的值用 track() 叠加(每个变化起点加一个弹簧,不重启)。参数档:snappy(按钮)、default(卡片)、heavy(大字)、playful(吉祥物,允许可见过冲)。

声音卡节拍:beats.py 用 librosa 从音轨测 BPM/节拍/打击点 → beats.json;sfx.mjs 合成 click/pop/thump/whoosh;混音到 -14 LUFS。@oozn 的乔布斯短片:Node 合成配乐,每个剪辑点锁 120 BPM——"AI 视频"开始像电影,声音是分水岭。

// keys: [[time, value], ...] 按时间排序,返回 t 时刻的值
function track(t, keys, k = 170, d = 26) {
  let v = keys[0][1];
  for (let i = 1; i < keys.length; i++)
    v += (keys[i][1] - keys[i-1][1]) * spring(t - keys[i][0], k, d);
  return v;
}
高中生类比
easing 像"电梯":匀速到站;弹簧像"跳跳球":有重量感,落地还弹一下。观众说不清区别,但能感到"贵"。
🌙

通宵管线:导演简报 + 让 Opus 看自己的帧

Overnight:Donald 口述 5 分钟,睡醒得到 142 秒 MV(2.1M 播放)。他的公开 prompt 约 9500 字符,骨架是"招一个剧组":一句话 logline、参考资料、工具与 key、角色圣经、节拍表、屏显文字、工作流门禁(plan→rig→stills→animatic→full→polish→audio→render,不许跳)、批评循环、交付物。关键一手 generate-then-trace:Seedance 2.5 先渲带物理的底子,Opus 再用 JS 重绘整层——视频模型给难手写的动态,JS 层给统一可拥有的风格。

Critique:Opus 5.5 看得见图——让它看自己渲的帧,是爆款和平庸的分水岭。五个检查命令:contact sheet(每秒 2 帧拼 6×5)、strip(快动作前后 12 帧连看抓穿帮)、phone test(360px 宽看清不清晰)、loop check(播两遍看接缝)、determinism check(同一帧渲两次哈希必须一致)。7 维打分(前 2 秒钩子/手机可读性/动态质量/新鲜度/构图/品牌准确/声画同步),列最差 3 项,修完重渲,直到全 8+。@mablesjoseph 的水彩短片诚实记录:163 次调用、近 7 小时——迭代是方法,不是失败。

避坑
别信"one prompt"神话的另一面:把迭代当失败。所有爆款都有可见的 cleanup round。迭代次数是专业度,不是无能。
🚀

交付:多画幅 + 打包成 Skill + 卖成服务

最后三步把一条好片变成可复现的生意:

  • 多画幅同源:场景按布局函数写,不写死像素,9:16 / 1:1 / 16:9 并行渲(别拿 16:9 裁成竖屏)。
  • 打包成 Skill:motion-reel Skill——收产品 URL、时长、画幅、品牌色、参考、音乐,走完"扒素材→style_guide→beats→shotlist→seek(t)→contact sheet→3 轮批评→渲染混音→交付"。下次做视频就是一句话。
  • 卖成服务:achxvi 模板——音乐+任意风格吉祥物+产品功能+结尾 offer+任意语言+最多改 3 版。Tony Dinh 的 $1000 锚定价格:一年前外包价,现在一个下午交付。

Repo 清单(原文附 8 个):PDoomVideo、ClaudeAnimationBase、claude-animation-skill、hyperframes、remotion skills、Battle-of-Austerlitz-Film、awesome-ai-motion、awesome-opus-5-5-videos。

记住:收束(原文结论):The one-liner gets you a clip. The harness gets you a studio. 一句话给你一条片子,脚手架给你一间工作室。

本课与《第 20 课》的关系:第 20 课是"没有 Claude 账号时,用 Codex 复现这条路线"的实战,引用本课为原版路线。

词

术语翻卡:点卡片看解释

seek(t)
seek(t)
纯时间函数:输入任意时刻 t,画出精确的那一帧。确定性渲染的核心。
harness
harness
脚手架:prompt 之外的整套工程(渲染器、规范、批评循环、Skill),占成片的 90%。
确定性渲染
deterministic rendering
同一输入每次渲染结果完全一致,改一处只改一行代码重渲。
contact sheet
contact sheet
把视频按每秒 N 帧拼成一张大图,一眼检查全片。
closed-form 弹簧
closed-form spring
解析式弹簧函数:有质量感的动效,且保持纯时间函数。
beats.json
beats.json
用 librosa 从音轨测出的 BPM/节拍/打击点,动画的状态切换卡在上面。
-14 LUFS
-14 LUFS
响度标准,混音目标值,保证各平台播放音量一致。
brief contagion
brief contagion
几百人用同一条 prompt,导致产出的视频彼此撞衫。
测

自测一下:点问题展开参考答案

Opus 5.5 只能输出文字,发不出 MP4。每条爆款都是它写的一个程序(seek(t) 纯时间函数),由无头浏览器逐帧截图、ffmpeg 缝合成片。

一条 prompt 只占成片的 10%;剩下 90% 是脚手架:渲染器、CLAUDE.md 家规、参考、批评循环、Skill。Thariq:帖子说 one-shot,实际是 10k 字符 prompt + skills + examples + keys。

零依赖路线 A:单 index.html + Playwright 逐帧抓 + ffmpeg。需要 Claude Code(或有 shell 的 Agent)来渲染、听、看帧——反馈环是关键。

@twoclipping UI morph 的核心:一个元素只变形(尺寸/圆角/颜色)走完全片,光标驱动变化,尾帧=首帧可无缝循环。

contact sheet、strip、phone test、loop check、determinism check;7 维打分,修最差 3 项,直到全 8+。