尧图网页设计 
9 月 22 日 Opus 5.5 发布以后X 上被一类视频刷屏了。15 秒的动态图形视频文字飞入图表生长转场丝滑。配文都差不多「一句提示词做的」。我这段时间也一直在用 Claude 做视频。下面是给开源书「高性价比人生指南」- howtolivebetter 做的宣传片82 秒9 个场景。我觉得挺满意基本不需要修改就能发布。这篇讲三件事它为什么做视频这么强用不用 skill 差别有多大以及怎么从零做一条。 先搞懂它不画像素Sora、SeeDance 这类视频模型是直接「画」出每一帧的像素。Opus 5.5 写的是代码。它用网页技术描述每一秒画面上有什么、怎么动再让浏览器一帧一帧截图最后用 FFmpeg 合成 MP4。好处很实在文字永远清楚数据不会错改一个字重新渲染就行每次结果都一样。做不了的是真人实拍的质感和电影级光影。所以它最适合做信息类视频宣传片、知识讲解、数据可视化、片头片尾。 Opus 5.5 为什么做视频这么强写代码做视频水平取决于三样东西写代码、看图、干长活。Opus 5.5 这三样都涨了一大截。简单理解就是模型能力足够强它很多事情都能干好而不只是写写代码。1. 写代码更强。Terminal-Bench 4.0 测的是在终端里完成真实编程任务Opus 5.5 拿到 66.4%上一代 Opus 5 是 52.3%。一条 15 秒的动效视频有人晒出过约 8700 行代码。写得多还得写对。2. 能看懂自己做的画面。它可以先渲染几帧截图自己看一眼有问题再改。Roboflow 的视觉评测里Opus 5.5 在 59 个模型中排第 3是 Anthropic 视觉最强的模型。3. 能干长活。一条视频是个小项目分镜、旁白、配音、时间轴、动画、渲染、返工。Opus 5.5 的上下文有 100 万 token单次最多输出 12.8 万 token中途不容易断。4. 更便宜更快。每百万 token 输入 4 美元、输出 20 美元官方说综合成本比 Opus 5 降了 40%。有人算过一条片大约 0.66 美元不到 5 块钱。⚡ 实测用框架和 skill还是放开让它写Remotion 和 HyperFrames 是两个主流的代码做视频框架都出了官方的 Claude Code skills。skills 相当于给 Claude 的专业说明书。按理说用上框架和 skill效果会更好。但我用下来的感觉正好相反。我做了一个对照实验。需求只有一句做一个类似《生活大爆炸》片头的视频偏动漫风格欢乐、节奏感强。同一首 32 秒的歌Suno 生成同一批插画全程让 Opus 5.5 做了三个版本① 不用框架、不用 skill把前两个框架和 skill 都删掉让它别参考之前的代码用自己的能力重做② HyperFrames 版用 HyperFrames 的 skill从 Remotion 版移植过来③ Remotion 版用 Remotion 和它的 skill先看全片。每张图是从视频里均匀抽的 12 帧。把同一时刻的三个版本并排放差别一眼就能看出来。我只要求了偏动漫风格具体怎么做都是它自己定的。不用框架的版本做成了漫画分镜写了 723 行 Python一帧一帧画出来。每个场景单独写一个函数用上了分格、对白气泡、拟声字、印章、故障特效。用框架的两个版本都是「全屏插画 底部字幕」这一套从头到尾一个版式。HyperFrames 版是从 Remotion 版移植的所以两版长得很像。挑同样四个时刻放大看更明显我的感受是用 HyperFrames、Remotion 这些框架和 skill怎么做都有一点 PPT 和模板的感觉。不用它们整体的设计感和节奏都更自由、更多样。我的理解是框架、skill 和现成的项目写法会把 Claude 拉回「最佳实践的平均值」。四平八稳但大家做出来都差不多。当然放开让它写也有放开的代价。一是可控性差一些。它想怎么做就怎么做你很难预判结果改起来也没有统一的结构。二是缺少一些最佳实践部分文字的可读性不太好。左边是不用框架的版本还没唱到的歌词是浅灰色在白色气泡里看不太清。右边是 Remotion 版本粉色字压在浅色背景上。可读性最好的是 HyperFrames它的字幕条有底色自带检查也会查对比度。还有个细节。不用框架的版本里所有随机效果都按时间固定了种子画面只由时间决定每次渲染结果都一样。用代码做视频最重要的这条规矩它也守住了。所以我的建议是不用框架和 skill或者只给它几条最基本的规矩。底线守住了设计让它自由发挥。需要稳定交付、批量出片的时候再上框架和 skill。 Remotion 还是 HyperFrames如果要用框架这两个怎么选我让 Claude 用它们做了同一段 6 秒的竖版视频最后一帧几乎一模一样左 HyperFrames右 Remotion这个 demo 对比其实有点简单画面看不出差异主要是工作量和渲染时间的区别。HyperFramesRemotion写法HTML CSSReact同样效果的代码45 行159 行渲染 6 秒视频约 6.8 秒约 3.9 秒自动检查布局、动效、对比度只有代码检查费用完全免费4 人以上公司付费简单说做单条视频选 HyperFrames批量出片或者嵌进网站选 Remotion。 教程从零做一条带配音和 BGM 的视频准备工作装好三样东西Node.js 22 以上、FFmpeg、Claude Code。Claude Code 在 Mac 上一行命令安装curl -fsSL https://claude.ai/install.sh | bashWindows 在 PowerShell 里运行irm https://claude.ai/install.ps1 | iex。第一步接入 Opus 5.5国内直接用 Claude 官方 API 比较麻烦。我推荐 Hongmacc 这个中转站国内能直连Claude Code、Codex、Gemini 都能用。注册地址https://hongmacc.com/signup?refHONGMACC-4A20839E在控制台复制密钥然后在终端里设置export ANTHROPIC_BASE_URLhttps://hongma1.com export ANTHROPIC_AUTH_TOKEN你的密钥 claude --model claude-opus-5-5想让它一直生效Mac 上把前两行加到~/.zshrc里。Windows 用setx设置同名环境变量。第二步准备配音和 BGM配音和 BGM 我都用 kie.ai一个 key 就能调 Suno、TTS还有各种图像、视频模型。注册地址https://kie.ai?ref46d0a6cc6361af6da00f9433dc92e890拿到 API Key 后在终端设置export KIE_API_KEY你的 kie key这两个模型我都实测过配音Gemini 3.8 Flash TTS。中文没问题70 个音色能用一句话描述语气比如「活泼的科技博主口播」。BGMSuno V6。选纯音乐模式30 秒的轻快电子乐24 秒就生成好了一次给两首。调用代码不用自己写。告诉 Claude「用 kie.ai 的 API 生成配音和 BGMkey 在环境变量 KIE_API_KEY 里」它会自己查文档、写脚本。第三步写需求先要分镜新建一个文件夹在里面启动 Claude Code发这样一段提示词帮我做一条 30 秒的竖版视频主题是「AI 做视频的原理」。 - 风格深色背景橙色强调色设计和节奏自由发挥 - 配音用 kie.ai 的 Gemini 3.8 Flash TTS音色 Kore活泼的科技博主语气 - BGM用 kie.ai 的 Suno V6 生成 30 秒纯音乐音量压低 - 字幕跟着配音走场景时长按配音长度自动算 守住这几条底线 1. 画面只由时间决定不依赖真实时钟和随机数 2. 中文字号不小于 40px文字和背景对比度要够 3. 渲染前先截几帧关键画面自己检查 4. 重要文字留在安全区内 5. 渲染后用 ffprobe 确认分辨率、时长和帧率 先别写代码。先给我旁白和分镜表再挑 4 个关键画面描述一下我确认后再做。注意这里没指定框架也没让它用 skill。设计交给它底线写清楚。分镜不满意就直接说改到满意为止。这一步改的只是文字几乎没成本。第四步自检、返工、渲染分镜确认后回一句「开始做」。它会自己生成配音和 BGM写动画截图检查渲染成片。看片时发现问题直接用大白话说「第 3 个场景的字太小了放大一倍」「转场太快了慢一点」「BGM 有点吵再小声一点」它改完重新渲染就行。 几个踩坑经验1. 中文字体要写清楚。告诉它用系统里的苹方或微软雅黑不然可能渲染成方块或默认字体。2. 视频素材要重新编码。网上下载的素材关键帧间隔大渲染时会卡帧。用 FFmpeg 转一遍加上-g 30 -keyint_min 30。3. 时间轴跟着配音走。别手写时间不然改一句文案后面全乱。4. 浅色字是重灾区。不管用不用 skill都让它截图检查一下文字对比度。最后以前做一条 80 秒的动效宣传片得会写脚本、配音、剪辑、做动效基本要找专业的人。现在我要做的主要是想清楚要讲什么再跟 Claude 来回改几轮。做视频的门槛还在只是从「会不会用工具」挪到了「能不能说清楚你想要什么」。可以先从一条 15 秒的小视频开始试试那条刷屏的提示词做一条 15 秒的动态图形视频展示你作为动效设计师有多厉害就像简历里的作品集。记得别加 skill。做出来了欢迎在评论区晒一晒。ps. 文中 Hongmacc 和 kie.ai 的链接带了我的邀请码。相关数据来源Anthropic 官方发布 Introducing Claude Opus 5.52026-09-22anthropic.com/claude-opus-5-5Roboflow 视觉评测playground.roboflow.com/models/anthropic/claude-opus-5-5单条视频成本估算Hugging Face Blog《How to Make Videos with Claude Opus 5.5》HyperFramesgithub.com/heygen-com/hyperframesRemotionremotion.dev Claude Opus 5.5 做视频为什么这么强？原理、实测和保姆级教程 | Dots to Line
9 月 22 日 Opus 5.5 发布以后X 上被一类视频刷屏了。15 秒的动态图形视频文字飞入图表生长转场丝滑。配文都差不多「一句提示词做的」。我这段时间也一直在用 Claude 做视频。下面是给开源书「高性价比人生指南」- howtolivebetter 做的宣传片82 秒9 个场景。我觉得挺满意基本不需要修改就能发布。这篇讲三件事它为什么做视频这么强用不用 skill 差别有多大以及怎么从零做一条。 先搞懂它不画像素Sora、SeeDance 这类视频模型是直接「画」出每一帧的像素。Opus 5.5 写的是代码。它用网页技术描述每一秒画面上有什么、怎么动再让浏览器一帧一帧截图最后用 FFmpeg 合成 MP4。好处很实在文字永远清楚数据不会错改一个字重新渲染就行每次结果都一样。做不了的是真人实拍的质感和电影级光影。所以它最适合做信息类视频宣传片、知识讲解、数据可视化、片头片尾。 Opus 5.5 为什么做视频这么强写代码做视频水平取决于三样东西写代码、看图、干长活。Opus 5.5 这三样都涨了一大截。简单理解就是模型能力足够强它很多事情都能干好而不只是写写代码。1. 写代码更强。Terminal-Bench 4.0 测的是在终端里完成真实编程任务Opus 5.5 拿到 66.4%上一代 Opus 5 是 52.3%。一条 15 秒的动效视频有人晒出过约 8700 行代码。写得多还得写对。2. 能看懂自己做的画面。它可以先渲染几帧截图自己看一眼有问题再改。Roboflow 的视觉评测里Opus 5.5 在 59 个模型中排第 3是 Anthropic 视觉最强的模型。3. 能干长活。一条视频是个小项目分镜、旁白、配音、时间轴、动画、渲染、返工。Opus 5.5 的上下文有 100 万 token单次最多输出 12.8 万 token中途不容易断。4. 更便宜更快。每百万 token 输入 4 美元、输出 20 美元官方说综合成本比 Opus 5 降了 40%。有人算过一条片大约 0.66 美元不到 5 块钱。⚡ 实测用框架和 skill还是放开让它写Remotion 和 HyperFrames 是两个主流的代码做视频框架都出了官方的 Claude Code skills。skills 相当于给 Claude 的专业说明书。按理说用上框架和 skill效果会更好。但我用下来的感觉正好相反。我做了一个对照实验。需求只有一句做一个类似《生活大爆炸》片头的视频偏动漫风格欢乐、节奏感强。同一首 32 秒的歌Suno 生成同一批插画全程让 Opus 5.5 做了三个版本① 不用框架、不用 skill把前两个框架和 skill 都删掉让它别参考之前的代码用自己的能力重做② HyperFrames 版用 HyperFrames 的 skill从 Remotion 版移植过来③ Remotion 版用 Remotion 和它的 skill先看全片。每张图是从视频里均匀抽的 12 帧。把同一时刻的三个版本并排放差别一眼就能看出来。我只要求了偏动漫风格具体怎么做都是它自己定的。不用框架的版本做成了漫画分镜写了 723 行 Python一帧一帧画出来。每个场景单独写一个函数用上了分格、对白气泡、拟声字、印章、故障特效。用框架的两个版本都是「全屏插画 底部字幕」这一套从头到尾一个版式。HyperFrames 版是从 Remotion 版移植的所以两版长得很像。挑同样四个时刻放大看更明显我的感受是用 HyperFrames、Remotion 这些框架和 skill怎么做都有一点 PPT 和模板的感觉。不用它们整体的设计感和节奏都更自由、更多样。我的理解是框架、skill 和现成的项目写法会把 Claude 拉回「最佳实践的平均值」。四平八稳但大家做出来都差不多。当然放开让它写也有放开的代价。一是可控性差一些。它想怎么做就怎么做你很难预判结果改起来也没有统一的结构。二是缺少一些最佳实践部分文字的可读性不太好。左边是不用框架的版本还没唱到的歌词是浅灰色在白色气泡里看不太清。右边是 Remotion 版本粉色字压在浅色背景上。可读性最好的是 HyperFrames它的字幕条有底色自带检查也会查对比度。还有个细节。不用框架的版本里所有随机效果都按时间固定了种子画面只由时间决定每次渲染结果都一样。用代码做视频最重要的这条规矩它也守住了。所以我的建议是不用框架和 skill或者只给它几条最基本的规矩。底线守住了设计让它自由发挥。需要稳定交付、批量出片的时候再上框架和 skill。 Remotion 还是 HyperFrames如果要用框架这两个怎么选我让 Claude 用它们做了同一段 6 秒的竖版视频最后一帧几乎一模一样左 HyperFrames右 Remotion这个 demo 对比其实有点简单画面看不出差异主要是工作量和渲染时间的区别。HyperFramesRemotion写法HTML CSSReact同样效果的代码45 行159 行渲染 6 秒视频约 6.8 秒约 3.9 秒自动检查布局、动效、对比度只有代码检查费用完全免费4 人以上公司付费简单说做单条视频选 HyperFrames批量出片或者嵌进网站选 Remotion。 教程从零做一条带配音和 BGM 的视频准备工作装好三样东西Node.js 22 以上、FFmpeg、Claude Code。Claude Code 在 Mac 上一行命令安装curl -fsSL https://claude.ai/install.sh | bashWindows 在 PowerShell 里运行irm https://claude.ai/install.ps1 | iex。第一步接入 Opus 5.5国内直接用 Claude 官方 API 比较麻烦。我推荐 Hongmacc 这个中转站国内能直连Claude Code、Codex、Gemini 都能用。注册地址https://hongmacc.com/signup?refHONGMACC-4A20839E在控制台复制密钥然后在终端里设置export ANTHROPIC_BASE_URLhttps://hongma1.com export ANTHROPIC_AUTH_TOKEN你的密钥 claude --model claude-opus-5-5想让它一直生效Mac 上把前两行加到~/.zshrc里。Windows 用setx设置同名环境变量。第二步准备配音和 BGM配音和 BGM 我都用 kie.ai一个 key 就能调 Suno、TTS还有各种图像、视频模型。注册地址https://kie.ai?ref46d0a6cc6361af6da00f9433dc92e890拿到 API Key 后在终端设置export KIE_API_KEY你的 kie key这两个模型我都实测过配音Gemini 3.8 Flash TTS。中文没问题70 个音色能用一句话描述语气比如「活泼的科技博主口播」。BGMSuno V6。选纯音乐模式30 秒的轻快电子乐24 秒就生成好了一次给两首。调用代码不用自己写。告诉 Claude「用 kie.ai 的 API 生成配音和 BGMkey 在环境变量 KIE_API_KEY 里」它会自己查文档、写脚本。第三步写需求先要分镜新建一个文件夹在里面启动 Claude Code发这样一段提示词帮我做一条 30 秒的竖版视频主题是「AI 做视频的原理」。 - 风格深色背景橙色强调色设计和节奏自由发挥 - 配音用 kie.ai 的 Gemini 3.8 Flash TTS音色 Kore活泼的科技博主语气 - BGM用 kie.ai 的 Suno V6 生成 30 秒纯音乐音量压低 - 字幕跟着配音走场景时长按配音长度自动算 守住这几条底线 1. 画面只由时间决定不依赖真实时钟和随机数 2. 中文字号不小于 40px文字和背景对比度要够 3. 渲染前先截几帧关键画面自己检查 4. 重要文字留在安全区内 5. 渲染后用 ffprobe 确认分辨率、时长和帧率 先别写代码。先给我旁白和分镜表再挑 4 个关键画面描述一下我确认后再做。注意这里没指定框架也没让它用 skill。设计交给它底线写清楚。分镜不满意就直接说改到满意为止。这一步改的只是文字几乎没成本。第四步自检、返工、渲染分镜确认后回一句「开始做」。它会自己生成配音和 BGM写动画截图检查渲染成片。看片时发现问题直接用大白话说「第 3 个场景的字太小了放大一倍」「转场太快了慢一点」「BGM 有点吵再小声一点」它改完重新渲染就行。 几个踩坑经验1. 中文字体要写清楚。告诉它用系统里的苹方或微软雅黑不然可能渲染成方块或默认字体。2. 视频素材要重新编码。网上下载的素材关键帧间隔大渲染时会卡帧。用 FFmpeg 转一遍加上-g 30 -keyint_min 30。3. 时间轴跟着配音走。别手写时间不然改一句文案后面全乱。4. 浅色字是重灾区。不管用不用 skill都让它截图检查一下文字对比度。最后以前做一条 80 秒的动效宣传片得会写脚本、配音、剪辑、做动效基本要找专业的人。现在我要做的主要是想清楚要讲什么再跟 Claude 来回改几轮。做视频的门槛还在只是从「会不会用工具」挪到了「能不能说清楚你想要什么」。可以先从一条 15 秒的小视频开始试试那条刷屏的提示词做一条 15 秒的动态图形视频展示你作为动效设计师有多厉害就像简历里的作品集。记得别加 skill。做出来了欢迎在评论区晒一晒。ps. 文中 Hongmacc 和 kie.ai 的链接带了我的邀请码。相关数据来源Anthropic 官方发布 Introducing Claude Opus 5.52026-09-22anthropic.com/claude-opus-5-5Roboflow 视觉评测playground.roboflow.com/models/anthropic/claude-opus-5-5单条视频成本估算Hugging Face Blog《How to Make Videos with Claude Opus 5.5》HyperFramesgithub.com/heygen-com/hyperframesRemotionremotion.dev