Sabrina Ramonov · 1:48:12 · 发布 2026-06-19 · 2251次观看(截至抓取) · 观看原视频
主旨
Sabrina 在一场近两小时的直播里现场演示用 Claude Code 配合 Remotion 这一免费、开源、本地运行的 React 视频框架,从零生成五类不同的短视频,并把成片经 Blotato MCP 一键发到多平台社媒。
核心论点
- Remotion + Claude Code 首次试跑就能产出”可发布”视频,关键在提示词脚手架而非剪辑技巧——五类视频都跑在同一个 写-审-改 循环上,改的是结构化的提示词,不是时间轴。(→ 详解2)
- Remotion 是 Skill 而不是 MCP server,这把 token 烧量压到了 $20 月费档能跑得起的区间——理解这层差别是判断”为什么便宜”的前提。(→ 详解1/详解4)
- “喂一个 URL”就是产品发布视频与 Google 评论视频的原料——Claude in Chrome 接管抓取,Remotion 接管动画,人只负责审故事板。(→ 详解2)
- 用 FFmpeg 抽音频 + Whisper 转录,就能给任意现成视频加字幕、标题、B-roll 与网站截图——头像视频、口播视频、采访视频都能进同一条流水线。(→ 详解3)
- 把视频风格迭代经验沉淀为可复用 Skill,是从”一次成”走向”批量出”的关键——这是 Claude Code Skill 的反推创建法具体落地。(→ 详解4)
- Blotato MCP 把发视频简化为”一句话 + 一次审批”——人在内容日历之外,Claude Code 接管 Instagram/TikTok/YouTube/LinkedIn 等多平台发布。(→ 详解5)
- Remotion 不替换视频编辑器,只覆盖短片与特定类型——本片承认短板,这反而提高了”开箱即用”主张的可信度。(→ 详解5/详解6)
知识点详解
1. 环境准备:Claude Code + Remotion Skill + Claude in Chrome 01:25 · 11:14 · 18:35
整条流水线的入口是 Claude Code 终端,Sabrina 给了一条核心安装命令:npx skills add remotion-dev/skills。这会把 Remotion 的 Claude Code Skill 装到当前项目,Claude Code 启动时按需加载;不熟命令的也可以直接进 Claude 描述需求让它自己装。“remotion takes a while to install”是现场反复强调的硬性时延,因为它要先装 skills、再装 remotion、再装一堆依赖,Sabrina 自己在现场也等了相当长一段时间。
装完 skill 之后,关键操作是退出并重启 Claude Code 会话,原因在 18:35 前后被点出:技能是会话启动时按 description 描述符加载的,新装的技能不重启就拿不到。Sabrina 在提示词旁边直接附了这条警告:after installing the remotion skill, you probably need to restart your Claude code session。
第二块可选用件是 Claude in Chrome 浏览器扩展,作用是让 Claude Code 可以打开用户真实的 Chrome、导航到指定 URL 并截屏——这是后面”产品发布”和”Google 评论”两类视频能”喂一个链接就出片”的前提。如果不装,Claude Code 退回到普通网页搜索,功能降一档但仍可工作。
2. 五类视频的提示词脚手架 08:21 · 09:03 · 46:40 · 60:25 · 63:16
Sabrina 给出五类提示词,结构高度相似,可视为同一份脚手架在不同内容上的复用。脚手架的固定环节是:① 调研(Claude Code 调 web 搜索或用户的 MCP)→ ② 写脚本并出故事板(storyboard)→ ③ 等用户审/改 → ④ 设计与动画 → ⑤ 装配 scene(对应 Remotion 概念里的 Scene)并加背景音乐。视频里反复出现的动画规则是 Each scene should have a clear visual metaphor,它是提示词里”看起来更高级”的最小公约数。
第一类 教育解说:把 topic=AI agents 改成读者自己的细分领域即可;9:16 竖屏默认带 safe zone 防止文字压到社媒 UI 控件上。这是五类里最干净的一类——完全从零生成、不依赖外部素材,首跑大概 2–10 分钟出成片。
第二类 产品发布:you give it your website是核心一句。Claude in Chrome 导航到网址、抓取首页与子页、提取品牌色、下载产品截图,然后 Remotion 据此拼出 hook/产品介绍/模拟演示/产品图集/特性/社会证明 6 个场景。Sabrina 现场演示的 blotato.com 输入后,产出了比她真实产品截图”更漂亮”的模拟演示——这是值得注意的反差:模拟 demo 的视觉完成度高于真实截图,说明脚手架的形状自动倾向”看起来像广告”。
第三类 Google 商家评论:输入一个 Google Business Profile 链接,Claude in Chrome 抓 3 条评论,Remotion 输出浅色主题的口碑视频。Sabrina 自己复盘时承认 the weakest part is definitely this initial screen——首屏还能更强,如果给她更多时间她会把品牌图或团队照片顶上去。其余部分(星级动画、地理位置、CTA)她评价可用,作为初版足矣。
第四类 头像/口播视频后期:把现成视频(HeyGen 头像或个人自拍)丢进项目,Claude Code 用 FFmpeg 抽音轨、用 Whisper 转录拿到时间戳化的逐字稿,然后在固定时间窗口嵌入标题、字幕、网站截图或 B-roll。The cool part is now you can use Claude Code to tweak these prompts——所有这些都能在提示词里开关与替换。
第五类 数据可视化:找一份 CSV(或让 Claude 从网络找),按栏目渲染成时间线、柱状、饼图等交互式信息图。最直接的复利用法是:把一篇刚出炉的研究报告做成”绿幕背景”,自己叠加在右下角口播讲读。
五类视频在同一份脚手架上跑通,Sabrina 也提示:这套流程对 token 的消耗 is like literally probably the worst step in terms of token consumption 的是安装阶段,之后跑每条视频反而还好——这是她坚持说”$20 月费档可跑”的具体证据。
3. 视频编辑现成素材:FFmpeg + Whisper + B-roll 拼接 52:20 · 52:28 · 65:03
第四类视频值得单独拆出技术机制,因为它把”剪辑”这件事从剪辑软件里彻底搬到了 Claude Code。
第一步,Claude Code 调 FFmpeg 把视频里的音轨抽出来。第二步,调 Whisper(本机自动安装)做语音转文字,得到带时间戳的逐句转录——这一步决定了后面所有字幕、画面、截图能精准对齐到嘴型。第三步,根据转录文本决定”该在哪里插入哪张图/标题/B-roll”,Sabrina 现场就追加了”I just told Claude, Go get screenshots and put them for each of the courses”,Claude Code 自行启动 Claude in Chrome 去对应网站抓图、贴回视频里。
为防止它做完就停,Sabrina 给了一条很实用的提示词护栏:加一句”Don't stop until you take screenshots every 5 seconds and the video scores 8 out of 10 in virality”。这等价于给 agent 装一个 an agentic feedback loop——每跑一段就自己截图自评,没到 8 分就继续改,到了才交付。这条护栏比”做得好点”模糊话强百倍,值得照搬。
4. 风格迭代与把模板沉淀为可复用 Skill 63:20 · 66:03 · 69:19 · 69:31
跑完前几类视频,Sabrina 现场把”数据可视化 + 浅色主题”风格从深色切到浅色,只用了不到 3 分钟——这是 Remix 风格的”可代码化”带来的红利:动画、布局、数据都不在时间轴里,而在文件里,改一行样式就等于改了全部。
她接着示范了”反推创建 Skill”的具体动作:对 Claude Code 说一句”Reflect on this conversation and create a new skill to make this similar type of video”。Claude Code 自动回看整段对话(从深色到浅色的反复,以及你给过的所有反馈),生成一个带触发器描述符的 Skill 文件——下次再想做同类视频,直接 /video/数据可视化浅色 一句就出来,不必再讲一遍”我要浅色、要时间线”。
这一步是 Claude Code Skill 反推创建法的最直观示范:不要一上来就让 AI 写 skill,先陪它把活跑通,再让它回看上下文把活固化成 skill。Sabrina 也明确说”投资做可复用模板是值得的,因为下次 Claude 会少问很多废话、直接出你想要的东西”。
她也强调 It's not an MCP server, it's a skill——这不只是命名差异,而是成本结构差异:MCP server 每调一次都要传上下文,token 消耗与调用频次挂钩;Skill 是按 description 触发器匹配,只在相关时被加载,平时不占 context。Sabrina 把这条作为”$20 月费档跑得动”的最重要技术解释。
5. Blotato MCP 一键多平台发布 66:53 · 73:23 · 76:00 · 76:06
视频最后一节演示怎么用 Blotato MCP 把上面做好的视频自动发出去。It's not just mind-blowing what you can do, but number two, it's local, it's private——Remotion 本身不解决分发,Blotato 解决。
对 Claude Code 说的话是”Post this video to Instagram right now with Blotato MCP”。Claude Code 内部流程是:① 调本地渲染把视频固化;② 让 Blotato MCP 创建帖子并附标题/标签;③ 拿到审批 ID,通常 go live within a few minutes;④ 如果加问”did it go live”,Blotato will actually return the final published Instagram URL。整个内容日历从此可以全部在 Claude Code 里管理,不必再开 Blotato 网页。
Sabrina 反复强调三件事:Blotato 用的是各平台官方 API(非 Chrome 自动化 hack)、不接 DM 自动化、starter 档 $29/月可绑 20 个任意社媒账号(其他平台按”品牌”算账号的算法更抠)。这层是 Blotato 的产品定位,本笔记不深挖。
需要分离的判断:Remotion 的开源/免费/本地运行与 Blotato 的付费/托管/官方 API 是两件事。Remotion 解决”做得出”,Blotato 解决”发得出”,两者解耦;你可以只用 Remotion 不买 Blotato,也可以买 Blotato 不用 Remotion。
6. 定位与边界:Remotion 能做什么与不能替代什么 05:23 · 37:15 · 84:04 · 107:57
Sabrina 在视频开头就主动压低预期:“I don't think this like replaces video editors. I think it's good for short form and specific types of videos”——她承认 Remotion 适合短片与某些特定类型,长片要做编辑还是得用剪辑软件;另外即使在合适场景里,也”still takes like quite a bit of tweaking to get the exact style you want”。
成本结构上,她反复澄清:The cost to make one video versus 100, like there's no Remotion cost——Remotion 不按次计费,也不按月收费,做 1 个视频与做 100 个视频的差额只是 Claude Code token 的差额,这个数字在安装 skill 之后”it actually does not burn as many tokens as you think”。
她用一句时间线对比收尾:this is not trivial. Five years ago, like this would be incredibly hard——5 年前同等质量的视频需要专业团队与剪辑软件,现在一个 prompt 加一张截图就能出首版。她用”this is just the beginning of what you can do”作结,把”批量出片 + 自动分发”的复利留给读者自己组装。
视频末尾对初学者的路径建议值得记:从 30 秒以内的竖屏短片起步,先把”想要的样子”的模板打稳,再把模板迁到 16:9 横版与长片——不要一上来就拿 30 分钟的长片试水,token 与时间都不划算。
可执行步骤
- 在 Claude Code 终端跑
npx skills add remotion-dev/skills,装完退出并重启 Claude Code 会话,使新技能生效。 - 决定要不要装 Claude in Chrome 浏览器扩展;如果要做”产品发布”或”Google 商家评论”两类视频,装上会显著提升自动化程度。
- 挑一类最不依赖外部素材的视频(教育解说)按脚手架跑一遍,熟悉 调研→故事板→审→动画 的循环。
- 对所有跑出来的视频都加一条”自评护栏”:
Don't stop until you take screenshots every 5 seconds and the video scores 8/10 in virality,逼出 agent 自己的反馈回路。 - 当某类视频的风格稳定下来后,跑一句
Reflect on this conversation and create a new skill to make this similar type of video,把对话反推成可复用 Skill。 - 评估是否需要 Blotato MCP 自动分发:若只在 1-2 个平台发、手动发布可控,可不接;若要在 5+ 平台批量发,接 MCP 节省的时间可观。
关联
- 印证:2026-01-27-用Remotion加Claude Code提示词生成宣传视频含VPS部署——ByteGrad 2026-01 的同主题视频(独立频道)已论证”Remotion 把视频写成 React 代码,Claude Code 提示词即可生成”,本片在此之上补全 5 类视频的脚手架与”安装→跑→沉淀 Skill”的全流程,二者是不同来源对同一技术栈的相互印证。
- 印证:Claude Code Skill——跨 8 源印证”Skill = 一次写下规则、反复复用的指令集”;本片
Reflect on this conversation and create a new skill是该概念反推创建法的最直观现场示范。 - 互补:MCP / MCP server——本片用 Blotato MCP 自动发视频,Remotion 是 skill 而非 MCP server;Skill 改”怎么做事”(项目内指令集),MCP 改”能调什么”(跨厂商标准协议),二者并列而非替代,本片是这层关系在生产场景的具体例证。
- 进阶:03-Step 2:导入营销技能包 + 定价对比——同频道后续直播课把本片的 Blotato MCP 接入升级为完整的 5 个 marketing skill 包(content coach/brand brief/post writer/post grader/postuler),从”接一个 MCP 自动发视频”扩展到”整套内容生产 + 排程 + 跨平台发布”流水线。
- 印证:03-给团队做 AI 培训——12 路径课把作者自己”Blotato + Claude 内容系统”的日常实践,反过来作为 Path 2(企业 AI 培训)的样板案例讲给客户听,与本片”怎么搭这套系统”互为一体两面。
术语
- Remotion(雷 motion):用 React 组件描述视频画面、最终渲染成 MP4 的开源编程式视频框架,视频即代码。
- Claude Code Skill:把外部 API/工具/工作流封装为 Claude Code 可直接调用的可复用技能单元(SKILL.md + YAML front matter),按 description 触发器自动加载。
- MCP server:遵循 Model Context Protocol(跨厂商标准协议)的外部能力服务,本片用 Blotato MCP 把多平台社媒 API 暴露给 Claude Code。
- Storyboard(故事板):按场景顺序列出的视频脚本骨架(标题/文字/视觉),是 Remotion 提示词脚手架的固定中间产物,出故事板后人审一次再继续。
- Safe Zone(安全区):9:16 竖屏里避开社媒顶部搜索栏与底部按钮的可用文本区域,提示词里默认要求文案/关键画面不越界。
- Agentic feedback loop(agent 反馈回路):让 agent 按”做→自评→改→再做”循环推进而非一次性出活,Sabrina 现场用的”每 5 秒截图自评、评分到 8/10 才停”是具体形态。
- Blotato:同时支持多平台社媒统一发布与排程的 SaaS,本片用其 MCP 把”做出来的视频发出去”那一步自动化。
金句
“It’s not an MCP server, it’s a skill.” → 把 Remotion 跑得动 $20 月费档的成本结构,用一句话讲透(本片 09:31、11:14 反复复述)。 “Don’t stop until you take screenshots every 5 seconds and the video scores 8 out of 10 in virality.” → 比”做得好点”模糊话强百倍的可验证自评护栏,把 agentic feedback loop 落到一句可复用的提示词模板。 “I don’t think this like replaces video editors. I think it’s good for short form and specific types of videos.” → 在”AI 全自动”叙事里主动压低自家工具的”全自动”承诺,可信度最高的反向证据。
立场与利益
- 与利益同向(待印证):“五类视频第一遍跑就能产出可发布成片”、“一周可以批量生成 40 个/天”——这一类主张直接服务于 Blotato 销售(把”无限做视频”包装成”无限发视频”才能收费),需外部印证。
- 利益中性:Remotion 是开源/免费/本地运行——这与 Blotato 销售无直接绑定,可独立验证(Remotion 仓库在 GitHub 公开,任何人都可装)。
- 与利益反向(可信度最高):视频中明确说 Remotion “
I don't think this like replaces video editors. I think it's good for short form and specific types of videos” 并强调仍需大量调整风格——在”AI 全自动视频”叙事中主动压低自家工具的”全自动”承诺,这一节反向证据可信度最高。
价值定位
对已装好 Claude Code、想把”内容批量出片”当作可执行任务的运营/创作者/小团队而言,本片给的是一份开箱即用的五类脚手架:对完全没用过 Claude Code 也没听过 Remotion 的纯新手,本片价值在”看到终点”——知道自己装好之后能做出什么,但安装本身仍要靠自己消化;对已在用 Remotion/Claude Code 自行尝试的实操者,本片的真正增量是 “FFmpeg+Whisper 时间戳字幕” 的现成做法(详解3)与 “Reflect on this conversation and create a new skill” 的反推创建法(详解4)——这两段把”用 AI 做视频”从一次性尝试升级为可复用 pipeline。
自检问题
- 装完 Remotion 之后为什么必须重启 Claude Code 会话? 答案:Skill 是 Claude Code 启动时按 description 描述符加载的,新装的技能在已运行的会话里不会被识别,必须重启才能拿到,详见 详解1。18:35
- 五类视频的提示词脚手架,共同的固定环节是哪几步? 答案:调研→写脚本并出故事板(storyboard)→等用户审/改→设计与动画→装配 scene 并加背景音乐,详见 详解2。60:25
- Remotion 用 $20 月费档跑得动的关键技术原因是什么? 答案:Remotion 是 Skill 而非 MCP server——Skill 按 description 触发器按需加载,MCP server 每次调用都传上下文消耗 token,本片反复强调”It’s not an MCP server, it’s a skill”,详见 详解4。69:19
- “Don’t stop until you take screenshots every 5 seconds and the video scores 8/10 in virality” 这句话具体在解决什么工程问题? 答案:它把 agent 的停止条件从”做完即停”换成”自评分达标才停”,给 agent 装一条可验证的 agentic feedback loop,详见 详解3。52:20
- 把”反复调好的视频风格”沉淀为可复用的 Claude Code Skill,具体哪句话触发?
答案:
Reflect on this conversation and create a new skill to make this similar type of video,由 Claude Code 自动回看整段对话、把反馈与样式固化为带触发描述符的 Skill 文件,详见 详解4。69:31