Opus 5.5 动态设计工作室:12 步从一句话到完整管线
@0xMovez 万字课程:2026-09-22 Opus 5.5 发布引爆"代码渲染视频"潮,这 12 步把"one prompt"神话拆成可复现的 studio 管线。
开篇:这课解决什么问题
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.
真相:模型写的是程序,不是视频
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 可用它也不用,除非你明说要框架。
传统视频是"录像":演一遍录下来;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+ 再全渲染。
导演式提示:从一句话到 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(尾帧必须等于首帧)。
渲染引擎: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。
本课与《第 20 课》的关系:第 20 课是"没有 Claude 账号时,用 Codex 复现这条路线"的实战,引用本课为原版路线。
术语翻卡:点卡片看解释
自测一下:点问题展开参考答案
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+。