利用 Opus 5.5 和 Viktor 实现 AI 动态设计变现

为什么大家都在吹捧用 Opus 5.5/Fable 5.5 做动态设计，却没人提靠它到底能赚多少真金白银？

我大概是第一个把这事儿挑明的人……所以听好了：

那些需要为产品做设计的公司或客户，其实非常愿意为这类视频买单，甚至会在需求里直接写明：“候选人必须精通 Opus 5.5。”

在这篇文章里，我会一步步教你，如何只靠 Opus 5.5 + Viktor 从零开始拿到你的第一单，而且我还会把这些真实订单分享给你！

在干货开始前——订阅我的 Substack 获取更多一手情报 - https://substack.com/@0xcodila

第一部分 - 做出买家真正能用的东西

01. 先定任务，再做特效

我从一个简短的 SaaS 产品演示入手，因为交付目标很明确：把一个有用的交互讲清楚，让观众看懂这个产品。

这个选择背后有真实的案例支撑。AlKhwarizmi Metrics 就发过招聘，要求用 Remotion 制作 15–30 秒的产品视频

这份需求简报提供了产品访问权限、品牌素材和可供演示的真实工作流。项目预算标的是 300 美元（好家伙，15 秒视频给 300 刀

等讲到接单环节我们再回来看这个需求，因为想拿下第一单，你得先给客户看几个作品样例

所以现在，先做一个独立的概念稿：三张营销报表卡片合并成一张总览图。使用原创的界面图形，并标注“概念演示”。

这样你就有了拿得出手的相关作品，又不用假装自己真的给这家公司干过活。

如果你已经拿到了使用真实产品的授权，那就直接用官方批准的素材。

你起步的范围是：一支 15 秒的视频、一个宽屏主版本、一个竖屏适配版，以及可编辑的源文件。

02. 把工作台搭起来

安装 Node.js 和 Claude Code。登录并确保你有 Opus 5.5 的使用权限

Opus 5.5 需要 Claude Code 2.1.280 或更高版本。更新现有安装：

text

1claude update
2claude --version

然后按照 Remotion 官方文档搭建项目：

text

1npx create-video --yes --blank --no-tailwind motion-studio
2cd motion-studio
3npm install
4npx remotion skills add
5npm run dev

如果技能安装器询问，请选择 Claude Code ——让预览窗口保持运行，然后在同一个项目文件夹下再开一个终端：

继续之前先检查一下 /model。一开始用中等 effort，遇到难啃的实现逻辑时再用 /effort high 深入排查

text

1claude --model claude-opus-5-5

现在你应该同时拥有了浏览器预览和一个能读取项目的 Claude 会话。这套流程跑通后，记得保留 package lockfile……

03. 给视频一个故事线和视觉参考

在让它动起来之前，先想清楚画面要怎么变。我们的例子分四个节拍：

0–3 秒： 三张互不相干的报表卡片。标题：“标签页太多了。”
3–7 秒： 光标选中这些卡片；它们汇聚到同一个视图里。
7–12 秒： 总览图落定。标题：“一目了然。”
12–15 秒： 一张清晰的收尾卡片：“探索演示。”

界面保持虚构。用 Ads、Social、Website 这样的标签即可，不要瞎编业绩数据。

接下来，附上一两个视觉参考。下面的处理过程有助于理解参考图是如何指导制作的

https://x.com/rexan_wong/status/2103707054108299437

我希望 Claude 从中提取排版、间距和动效决策。如果是给真实客户做，还要提供他们的 logo、字体、截图和审核通过的文案。

粘贴到 Claude Code 中：

text

1阅读已安装的 Remotion 技能并检查本项目。我们正在制作一个原创的、自发发起的 SaaS 概念演示，而不是真实客户的广告。
2为一段 15 秒、1920x1080、30 fps 的视频准备 brief.md、style-guide.md 和 storyboard.md。使用原创界面图形。全程保留一个清晰易读的“Concept demo”小标签。不要使用第三方 logo、用户评价或业绩声明。
3分镜：第 0–89 帧展示三张分别标有 Ads、Social 和 Website 的报表卡片，配文“Too many tabs.”。第 90–209 帧展示光标选中并将它们汇聚成一张总览图。第 210–359 帧呈现该总览图，配文“One clear view.”。第 360–449 帧定格显示“Explore the demo.”。
4分析我提供的任何参考资料中的视觉原则，而不是照搬素材。如果没有参考，请提出一套克制的排版方向，使用一款可用的授权字体和两种强调色。列出确切的文案、素材、帧范围、转场和声音提示。覆盖每一帧。保留现有的 CLAUDE.md 指令并加入这些项目规则。在动手构建前先展示分镜供我审核。

读一遍分镜。在任何动画做出来之前，你就应该能讲清楚观众会看到什么

如果是给真实品牌做，就把概念素材换成他们批准过的产品行为。下面这个产品说明了为什么 recognizable 的产品细节很重要：

https://x.com/tdinh_me/status/2103703135902740699

04. 构建视频，让修改成本可控

Opus 负责写代码，Remotion 负责把它渲染成视频。

每一次视觉变化都应该对应具体的帧号，这样拖动进度条和导出时才能复现预期的画面：

https://x.com/__morse/status/2103485566570369333

这个例子通过 seek 函数实现了同样的思路。本项目我们继续沿用 Remotion 的渲染器。

确认分镜后，先搭一个粗糙的预览版。在花精力打磨阴影之前，先检查交互逻辑和文字停留时间够不够。

继续在 Claude Code 中操作：

text

1将审核通过的分镜实现为一个名为 SaaSDemo 的已注册 Remotion composition：1920x1080，30 fps，450 帧。保留现有的项目成果。使用已安装的版本及其官方 API。
2将可编辑的文案、颜色和素材路径与动画逻辑分离。动效由 useCurrentFrame 和 useVideoConfig 驱动；避免使用挂钟计时器和未设种子的随机数。使用支持的加载机制显式加载所选字体。
3先渲染一个涵盖全部四个场景的低分辨率预览。运行项目中可用的类型检查和 lint 检查。在精修前先修复报错。
4卡片汇聚成总览图的动效使用 Remotion 的 spring()。以 mass 1、stiffness 180、damping 22 作为调参基准，然后观察效果。状态切换时保持元素位置连贯。标题在被阅读期间保持静止。不要让所有元素同时运动。
5导出 preview.mp4 和一张接触印相表（contact sheet）。如果支持，逐帧检查图像，找出可见缺陷并修复最重要的三个。把成功的渲染命令和素材要求记录在 README.md 中。报告任何你无法执行的检查项

Remotion 的 spring 参数让你可以调节这段过渡的“重量感”。如果观众该看字的时候卡片还在弹跳，就提高 damping。

重点盯住分散卡片变成总览图的那一瞬间。位置突变或字体骤变都会打破视觉连贯性。

在第 3 秒和第 7 秒附近暂停。光标应该准确点中目标控件，卡片也应该落在下一个场景预期的位置上。

*对于更长的视频，可以把同一份简报拆分成带检查点的多个场景。

这里有个实用的参考：

https://x.com/donaldjewkes/status/2102801469976248500

另外，给付费工具留点预算，并限制修改轮次。本地作业需要占用你的电脑，记得保存进度，方便下一次会话接着干

顺便说一句，很多招聘需求里公司会报销所有费用；这点也要记在心里

05. 加音效，并检查最终导出

这个样例只需要几个恰到好处的声音：选中时的点击声、柔和的运动提示音，以及总览图落定时克制的一声提示。

使用原创合成音效，或者你拥有发布授权的素材。

如果你要配乐，先把整支视频对齐节拍前，仔细听听识别出来的鼓点。

Remotion 音频文档介绍了如何在 composition 中放置和控制声音。

粘贴到 Claude Code 中：

text

1完成音效部分，并对照 storyboard.md 复查 SaaSDemo。如果提供了审核通过的音频就直接使用。否则，合成为一个短促点击声、一个柔和运动提示音和一个克制的完成提示音，存为本地 WAV 文件；不要使用付费服务。
2将提示音放在实际发生交互的帧上，加上短淡入淡出和足够的电平余量。把它们集成进 Remotion composition，确保 MP4 包含预期音频。如有必要，保留一个静音版本用于对比。
3以一秒为间隔，并在每个场景边界前后渲染接触印相表。如果支持，检查图像。核对手机尺寸下的文字可读性、间距、光标连续性、场景覆盖度以及最后三秒的定格。检查导出文件的时长、尺寸、帧率和音频流。查看音频峰值是否爆音；如果你无法试听，请让我来审听混音。
4修复最重要的三个缺陷，最多重复三轮。把带时间戳的发现记录在 review.md 中。绝不要把无法执行的检查标记为通过。返回实际文件和遗留问题供我审核

导出的视频先看一遍静音的，再看一遍带声音的。故事还讲得通吗？结尾那行字不用暂停也能看清吗？

如果你想做循环播放，单独检查首尾衔接。要让位置、运动和音频对得上，可不是简单重头播放时间线就行。

06. 把渲染成品变成作品集交付物

现在来做竖屏适配版。重新排布卡片，为更窄的屏幕调整字号。

保持相同的信息和节奏。适配版看起来应该是专门为竖屏画幅设计的。

最终生产提示词：

text

1创建 SaaSDemoVertical，规格为 1080x1920、30 fps、450 帧，方法是重新排版已审核通过的视频，而不是直接裁切。保留可读文字、概念标签、故事线和音频节奏。
2使用已安装的 Remotion CLI 将两个 composition 都渲染为 H.264 MP4。验证每个输出都能正常打开，且具备预期的尺寸、时长和音频。打包源项目，剔除密钥和 node_modules，包含 lockfile、获准使用的素材、授权说明以及确切的安装/渲染命令。
3创建 .claude/skills/motion-reel/SKILL.md，包含有效的 name 和 description frontmatter。把验证过的工作流和实际命令保存下来供日后使用，同时保留不相关的指令。说明如何调用 /motion-reel，以及面对真实客户需求时必须提供哪些信息

你也可以使用 Remotion Studio 的 Render 按钮或 CLI 选择器：

text

1npx remotion render

自己把两个 MP4 都打开看看。保留源码压缩包，并根据你的商业用途查阅 Remotion 的授权协议。

把样例上传到潜在客户能看到的地方。标明这是自发创作的作品，并检查链接无需登录就能打开。

写一段简短的作品集说明，点明解决了什么问题、你做了什么、交付了哪些格式。

买家应该一眼看懂你的角色，而不需要追问哪部分是你亲手做的。

现在你有了拿得出手的具体作品：一支简短的 SaaS 界面视频、两种格式和一个可编辑的项目。
这就是我们拿去谈单的筹码。
当然，我没有把做视频的每一个细枝末节都写进去，这取决于品味和经验——还有你自己的风格..

第二部分 - 找到买家并准备提案

07. 把做好的样例和明确的任务交给 Viktor

配置好 Viktor ，然后把视频、作品集链接以及你能交付内容的简短说明交给他

写上你实际的可用时间和支持的源文件格式。如果这是你的第一个样例，也直说！

Viktor 的调研工具可以挖掘当前的需求源。我希望他把作品和需求做匹配，然后解释契合点在哪里。

好用的搜索词包括 SaaS product video、UI animation、Remotion developer 和 product launch video。

只搜 Opus 会漏掉那些只描述结果、不提工具的买家。

粘贴到 viktor.com：

text

1帮我寻找我附上的 SaaS 动效样例的买家。如果支持，请观看视频；否则使用我的描述，并指出你无法检查的部分。向我询问关于档期、交付周期和可编辑源文件格式等缺失的关键信息。
2最多找出十条相关的公开招聘需求，先从最近 14 天开始，必要时再扩大到 30 天和 90 天。打开原始页面。记录 URL、发布日期、公开的买家名称、要求的交付物、标明的预算/币种、源文件要求和可见状态。
3用具体证据评估匹配度：与我样例的相似度、所需工具、源文件兼容性、工作量和标明的截止日期。区分 Opus 5.5、Claude、Remotion 和一般动效需求。将无法访问或已关闭的来源单独列出。不要捏造预算、开放状态或已成交的销售。
4返回一份简短的排名报告和潜在客户表格。挑出一个最靠谱的候选者，解释匹配原因，并列出报价前必须解决的问题。不要联系任何人或提交申请

*你也可以拿自己现有的视频试试同样的方法

我会亲自打开选中的来源页面。“他们需要视频”太宽泛了——我要的是交付物对得上、且有现实路径满足需求的单子。

如果没有合适的，就继续找或者调整你的服务方案——市场上确实不缺机会。这份候选名单也能帮你避开不合适的活儿

Viktor 挖到的一些订单 + 平台：

-Upwork - SaaS 宣传视频 - 500 美元

Upwork - 两个 UI 动画 - 总计 400 美元
Upwork - 网站演示视频 - 200 美元
Upwork - 播客 Logo 动画 - 100 美元
Upwork - 金融科技宣传视频 - 每支 60–80 美元
Upwork - B2B SaaS 演示 - 约 2,000 美元
Upwork - 网站讲解视频 - 100 美元
Upwork - 网站动画 - 总计 100 美元
Freelancer - SaaS 视频广告 - 30–250 美元
Freelancer - 循环 LED 视觉素材 - 总计约 42–62 美元，由印度卢比换算而来。Wise

Upwork

Freelancer
PeoplePerHour
Contra
Twine当然，你也可以让 Viktor 去 Instagram、Facebook 等平台找初创公司和商家——这是个很好的起点；总有人需要这类视频**

以一个交付者的视角去读需求简报**

回到 AlKhwarizmi Metrics 的需求。它要求基于真实产品流程制作，客户会提供访问权限和素材。

我们的概念稿展示了相关的动画能力——而真正收费的视频需要用他们真实的界面和审核通过的故事线。

让
Viktor
把三件事分开：你能满足的要求、缺失的信息，以及你的样例没能展示的工作内容。

针对这份简报，在把 300 美元当成可接受报价之前，先弄清楚项目包含几支视频、需要什么格式、允许改几轮、对源文件有什么期待

另外，已发布的需求可能会关闭，这些例子是在 10 月 2 日核查的。投递前请重新打开原链接，或者让 Viktor 找当前等效的单子。

换个角度，这份 DTC 需求明确表示偏好使用 Opus 5.5 做动态图形。

它还要求 AI 产品影片和多个样例。单靠一个 SaaS 演示只能满足它的一部分需求。

09. 先算清账，再报价格

以 SaaS 为例，我会建议限定第一次合作的范围：一个审核通过的交互、一支 15 秒视频和约定好的宽高比。

包含一次分镜审核、一轮修改，如果买家需要再提供源项目。界定清楚什么算新增需求。

把你的真实工时估算告诉 Viktor：沟通需求、准备素材、做动画、审核、适配和交付。

计入直接成本和适用的平台手续费。

可复用的模板也许能缩短动画时间，但省不掉客户沟通和修改。

举个计算示例：按 40 美元时薪算 5 小时（含修改时间），加上 20 美元直接成本。基础价就是 220 美元。

如果平台抽成 10%，用 220 除以 0.90，税前报价就是 244.44 美元。请把每个假设都换成你自己的数字。

现在核对数量——如果一个 300 美元的项目包含好几支视频，那单支视频的算法就不能成为你接下整个项目的理由。

继续在 Viktor 中操作：

text

1根据所选买家的原始需求和我确认过的能力，准备一份范围明确的报价。向我询问缺失的制作工时估算、期望时薪、直接成本、允许的修改次数和可交付日期。
2透明地计算报价。拆分人工、直接成本和百分比费用；从官方渠道核实当前适用的费率。如果买家的预算覆盖不了提议的范围，建议缩小为付费试点，或者建议放弃。
3生成 offer.md 和客户信息收集清单。明确交付物、时长、宽高比、所需素材、修改边界、源格式、验收标准以及交付计时的起点。将提议的条款标注为“提议”。输入信息缺失时，不要凭空捏造价格或截止日期

在 Upwork 上，费率可能因合同而异。请使用你这个机会页面显示的费率。

你这一步的成果是一份价格和边界都站得住脚的报价——只有当你能兑现这些条款时才发出去。

10. 写一份买家看得懂的提案

开头要体现出你认真读了需求。然后给买家看一个样例、一个建议的第一步，以及一个有价值的问题。

针对我们的 SaaS 需求，核心信息可以这样写：

text

1您的需求是围绕真实产品工作流制作短视频。我会从一个交互入手，利用您提供的访问权限和品牌素材，把它做成一支 15 秒的演示。
2我自发创作的样例展示了我在这一形式下能做到的界面动画和节奏把控。正式制作前，我会先发一份包含确切画面和文案的分镜供您确认。
3能否请您确认一下项目共需几支视频，以及是否需要可编辑的 Remotion 源文件？这样我才能敲定范围并给出报价

附上你的真实样例，再加上审核过的报价里的价格和工期。

这段话是提议的做法，不是在宣称你做过客户项目。

让 Viktor 准备完整版：

text

1使用 offer.md 和我的真实作品集链接，为选定的买家起草一份简洁的提案。引用一项具体要求，并说明样例如何体现相关能力。包含已确认的交付物、提议的价格和工期，并清楚列明尚未解决的条件。
2只使用我提供的经验和成果。如果样例是自发创作的，就这么描述。向我要齐发送提案所需的缺失细节，而不是插入占位符。
3返回提案、来源 URL 以及供 Claude Code 使用的制作简报。不要提交。等我提供回复后，帮我解答买家的问题并更新报价，不要悄悄扩大范围

自己审核并通过合适的渠道提交。Viktor 的邮件规则禁止冷启动外联和群发邮件。

达成一致后，在开始付费制作前，先确认 Upwork 里程碑资金已到位。

11. 让第一单为你打开更多路子（+ 更多订单）

同一个样例可以支撑不止一种销售策略。我会让 Viktor 根据各个渠道的证据来调整报价方案。

对于 Upwork Project Catalog 或 Fiverr，让他把报价包装成一个服务套餐，明确需求和附加项。

Fiverr 的规则允许 AI 辅助工作。但要尊重那些要求采用其他制作流程的买家。

在创始人拓客方面，Viktor 可以调研公开的上线项目并起草针对性的推介方案。

对于主动询盘，他能把你的样片转化为拆解分析，并附上委托制作链接。

针对代理商客户，让他去摸底对方的制作需求和可接受的源文件格式。Prismea 的白标合作需求就是一个很具体的例子。

Viktor 还能帮你挖掘转介绍合作伙伴，并检索 Remotion 的专家名录。至于付费获客，我建议等服务包开始稳定转化后再考虑。

一旦有了市场需求，就可以扩充交付内容：推出套餐组合、广告开头变体、多语言本地化和产品更新服务。

Viktor 可以根据你真实的过往制作记录来为这些增值服务定价。

对于长期复购业务，让他围绕你能稳定交付的范围，规划每月的制作量、兼职支持或代理商产能。

可复用的作品能开辟另一条变现路径：品牌动效套件、模板和组件，可以通过 Gumroad 或 Contra 销售。

Viktor 可以调研同类竞品、准备说明文档并起草上架文案。

如果要做素材库动画，让他先查清平台规则，比如 Adobe Stock 对 AI 内容的要求。

当体量做大后，可以让他去调研数据驱动的批量生成、客户专属生成器或订阅制服务的市场需求。

这些方向需要技术开发和持续的运维支持。

咨询和培训也是不错的选择：这份 1,000 美元的工作流咨询需求已经有人在招人了。

Viktor 能帮你把跑通的流程打包成工作坊课程和交接方案

12. 首份提案发出后，让工作继续推进

把每次沟通的结果同步给 Viktor——接入 HubSpot 工作区后，他能帮你跟进商机并准备后续动作。

把已确认的需求范围放在下一步行动旁边，随时对照。

将敲定的制作简报丢进 Claude Code，完事后再把交付记录反馈回去，这样未来的报价会越来越准。

记录下预估工时与实际工时的差异，以及每次修改的原因。

viktor.com 可以利用这些历史记录，帮你揪出定价偏低的服务包，以及那些总是超出约定范围的客户需求。

等这套流程跑顺了，把它保存为一个 Viktor 技能，并设置好定时搜索任务。

最后给 Viktor 的提示词：

text

1把我们梳理好的客户筛选、服务包设计和提案流程保存为一个可复用的技能，命名为 motion-sales-research。包含我已确认的能力范围、实际源文件、定价依据和所需证明材料。
2设置一个工作日 09:00 的定时搜索任务，最多抓取 5 个合适的新买家需求。请先确认我的时区、可用产能和交付渠道。与已保存的线索文件进行去重，并附上来源链接和检查日期。
3正式启用前，先给我看一次测试运行结果和拟定的执行计划。所有外联和提交操作都先存为草稿。只通过我授权的连接，或者根据我手动提供的信息，来追踪回复和已确认的项目。报告技能和结果的保存位置、启用了哪些功能以及如何暂停。遇到卡点请直接标记出来，不要强行报喜