利用 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 產品 Demo 開始，因為交付目標很明確：清楚展示一個實用的互動操作，讓觀眾一看就懂這個產品。

這個選擇背後有真實案例。AlKhwarizmi Metrics 正在徵求用 Remotion 製作的 15–30 秒產品影片

這份 brief 會提供產品存取權限、品牌素材和要展示的真實工作流程。專案預算標示為 300 美元（靠，15 秒的影片就能拿 300 刀

等我們講到接案銷售的部分時，會再回來談這個案子，因為要拿到第一筆訂單，你得先給客戶看幾個作品範例

所以現在，先做一個獨立的概念稿：三張行銷報表卡片合併成一張總覽圖。使用原創的介面圖形，並在樣本上標註「Concept demo」。

這樣你就有相關作品可以展示，又不用假裝自己真的幫這家公司做過。

如果你已經取得使用真實產品的授權，就直接用他們核准的素材。

你一開始的範圍是一支 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。一開始用 medium effort，遇到比較難的實作需要深入排查時，再用 /effort high

text

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

現在你應該有一個瀏覽器預覽畫面，以及一個能讀取專案的 Claude session。設定跑通之後，記得保留 package lockfile……

03. 給影片一個故事和視覺參考

在要求動態效果之前，先決定畫面上要發生什麼變化。我們的範例分成四個節奏點：

0–3 秒： 三張互不相連的報表卡片。標題：「Too many tabs.」
3–7 秒： 游標選取卡片；它們移動並合併成同一個畫面。
7–12 秒： 總覽畫面就位。標題：「One clear view.」
12–15 秒： 一張清晰易讀的結尾卡片：「Explore the demo.」

介面要保持虛構。使用 Ads、Social、Website 這類標籤，不要捏造任何成效數據。

接下來，附上一兩個視覺參考。P下面的流程對於理解參考圖如何引導製作很有幫助

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先渲染一個涵蓋全部四個場景的低解析度預覽。執行專案可用的 type 和 lint 檢查。在打磨之前先修復錯誤。
4卡片彙整成總覽畫面時使用 Remotion 的 spring()。以 mass 1、stiffness 180、damping 22 作為調校基準，然後檢查結果。在狀態切換時保留元素位置。標題在需要被閱讀時保持靜止。不要讓所有元素同時產生動畫。
5匯出 preview.mp4 和一張 contact sheet。如果支援的話就打開影格，找出可見的缺陷並修復最重要的三個。把成功的渲染指令和素材需求存進 README.md。回報任何你無法執行的檢查

Remotion 的 spring 參數讓你可以調整轉場的重量感。如果觀眾該開始閱讀了，卡片卻還在彈跳，就把 damping 調高。

特別注意獨立卡片變成總覽畫面的那一刻。位置突然跳動或字型驟變都會破壞視覺錯覺。

在第 3 秒和第 7 秒附近暫停。游標應該碰到預期的控制項，而卡片應該落在下一個場景預期它們出現的位置。

*如果是較長的影片，可以把同一份 brief 擴展成帶有檢查點的多個場景。

這裡有個有用的參考：

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

另外，預留一些付費工具的預算，並限制修改次數。本地作業會佔用你的電腦，所以要儲存進度，讓下一次 session 能接續進行

順帶一提，在很多工作邀約裡，公司會負擔所有費用；這點也要記住

05. 加上音效並檢查實際匯出的成品

對這個樣本來說，幾個恰到好處的音效就夠了：選取時的點擊聲、柔和的移動提示音，以及總覽畫面就位時一個克制的音效。

使用原創的合成音效，或是你有授權發布的素材。

如果你要配樂，在把整支影片對齊節拍之前，先聽一下偵測到的 beat。

Remotion 的音訊文件說明了如何在 composition 中放置和控制聲音。

貼到 Claude Code 裡：

text

1完成音效部分，並根據 storyboard.md 檢視 SaaSDemo。如果有提供核准的音訊就使用它。否則合成一個短促的點擊聲、一個柔和的移動提示音和一個克制的完成音作為本地 WAV 檔案；不要使用付費服務。
2把提示音放在實際的互動影格上，加上短暫的淡入淡出和 headroom。將它們整合進 Remotion composition，讓 MP4 包含預期的音訊。如果需要用於比較，保留一個靜音版本。
3以一秒為間隔，並在每個場景邊界周圍渲染 contact sheet。如果支援就檢查圖片。確認手機尺寸下的文字可讀性、間距、游標連續性、場景覆蓋率以及最後三秒的停留。檢查匯出檔案的長度、尺寸、影格率和音訊串流。檢查音訊峰值是否有破音；如果你無法聆聽，請讓我來檢查混音。
4修復三個最重要的缺陷，最多重複三次。把加上時間戳記的發現存進 review.md。絕對不要把無法執行的檢查標記為通過。回傳實際檔案和剩餘問題供我檢視

把匯出的成品看兩次，一次靜音、一次開聲音。故事還說得通嗎？你能不暫停就讀完最後一行字嗎？

如果你想要循環播放，要單獨檢查結尾到開頭的轉場。要讓位置、動態和音訊完美銜接，可不是重新播放時間軸那麼簡單。

06. 把渲染成品變成作品集裡的交付物

現在來做直式適配版本。重新排列卡片位置，並為較窄的螢幕調整字體大小。

保持相同的訊息和節奏。適配版看起來應該是專為這個比例設計的。

最終製作 prompt：

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，以及針對真實客戶 brief 需要提供哪些資訊

你也可以使用 Remotion Studio 的 Render 按鈕或 CLI picker：

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回傳一份簡短的排名報告和一份潛在客戶試算表。選出一個強力候選者，解釋匹配原因，並列出報價前必須解決的問題。不要聯絡任何人或提交申請

*你也可以用你現有的影片試試同樣的做法

我會自己打開選定的案源。「他們需要影片」太籠統了——我要的是匹配的交付物和一條能真正滿足 brief 的可行路徑。

如果沒有合適的，就繼續找或調整你的方案——市場上確實滿滿都是機會。這份候選名單也能幫你避開不適合的工作

Viktor 找來的一些案源 + 平台：

-Upwork - SaaS 宣傳影片 - 500 美元

Upwork - 兩支 UI 動畫 - 總計 400 美元
Upwork - 網站 Demo 影片 - 200 美元
Upwork - Podcast Logo 動畫 - 100 美元
Upwork - 金融科技宣傳影片 - 每支 60–80 美元
Upwork - B2B SaaS Demo - 約 2,000 美元
Upwork - 網站說明影片 - 100 美元
Upwork - 網站動畫 - 總計 100 美元
Freelancer - SaaS 影片廣告 - 30–250 美元
Freelancer - 循環 LED 視覺效果 - 總計約 42–62 美元，由 INR 換算而來。Wise

Upwork

Freelancer
PeoplePerHour
Contra
Twine當然，你也可以請 Viktor 去 Instagram、Facebook 等平台尋找新創公司和企業——這是個很好的起點；總會有人需要這類影片的**

用交付者的心態去讀 brief**

回到 AlKhwarizmi Metrics 的需求。它要求展示真實的產品流程，並由客戶提供存取權限和素材。

我們的概念展示了相關的動畫能力——但付費影片需要用他們真實的介面和核准的故事。

讓
Viktor
把三件事分開：你能滿足的需求、缺少的資訊，以及你的樣本尚未展示的工作。

針對這份 brief，在把 300 美元當成可接受的報價之前，先釐清專案包含幾支影片、需要的格式、修改次數和對原始檔的期望

另外，已發布的需求可能會關閉，這些範例是在 10 月 2 日查核的。申請前請重新打開案源，或用 Viktor 找目前類似的機會。

換個角度，這份 DTC brief 明確表示偏好使用 Opus 5.5 製作動態圖像。

它同時要求 AI 產品影片和多個範例。單一一支 SaaS demo 只能滿足它的部分需求。

09. 承諾價格前先算清楚報價

以 SaaS 為例，我會建議一個有明確界限的首次任務：一個核准的互動操作、一支 15 秒影片和雙方同意的長寬比。

包含分鏡審核、一輪修改，如果買家需要也提供原始專案。定義清楚什麼算新的需求。

給 Viktor 你真實的時間估算：brief 溝通、素材準備、動畫製作、審核、適配和交付。

包含直接成本和適用的平台手續費。

可重複套用的模板或許能減少動畫製作時間。但它省不了客戶溝通和修改。

這裡有個計算示範：五小時 × 40 美元，包含修改時間，加上 20 美元的直接成本。這樣你的基礎金額是 220 美元。

如果平台手續費是 10%，把 220 美元除以 0.90，稅前報價就是 244.44 美元。把每個假設都換成你自己的數字。

現在檢查數量——如果一個 300 美元的專案包含好幾支影片，那這種單支影片的算法就不能成為你接下整份工作的理由。

繼續在 Viktor 中操作：

text

1使用選定買家的原始 brief 和我確認過的能力，準備一份界定清楚的報價。向我詢問缺少的製作時間估算、期望的時薪、直接成本、修改額度和可交付日期。
2透明地計算報價。分開人工、直接成本和百分比費用；從官方來源確認目前適用的費率。如果買家的預算無法覆蓋提議的範圍，建議一個較小的付費試做案，或建議放棄。
3產出 offer.md 和一份客戶 intake 清單。明確指定交付物、長度、長寬比、所需素材、修改界限、原始檔格式、驗收標準以及交付時鐘何時開始計算。將提議的條款標記為提議。當輸入資訊缺失時，不要捏造價格或期限

在 Upwork 上，手續費可能因合約而異。請使用你的機會頁面上顯示的費率。

你在這一步的成果是一份價格和界限都站得住腳的報價——只有當你能兌現這些條件時才發送出去。

10. 寫一份買家能評估的提案

我希望開頭能展現你確實讀過 brief。然後給買家一個範例、一個建議的第一步和一個有用的問題。

針對我們的 SaaS 需求，核心訊息可以這樣寫：

text

1您的 brief 需要圍繞真實產品工作流程製作的短影片。我會從一個互動操作開始，利用您提供的存取權限和品牌素材，將它做成一支 15 秒的 demo。
2我自發製作的樣本展示了我在這種格式下能帶來的介面動畫能力和節奏掌握。在正式製作前，我會先分享包含確切畫面和文案的分鏡供您核准。
3能否請您確認這個專案包含幾支影片，以及是否需要可編輯的 Remotion 原始檔？這樣我才能確認範圍並報價

附上你實際的樣本，然後加上已審核報價中的價格和時程。

這段話是一種建議做法，不是在宣稱客戶成果。

讓 Viktor 準備完整版本：

text

1使用 offer.md 和我實際的作品集連結，為選定的買家草擬一份簡潔的提案。提及一項具體需求，並說明樣本如何展示相關能力。包含已確認的交付物、建議的價格和時程，並清楚陳述任何未解決的條件。
2只使用我提供的經驗和成果。如果樣本是自發製作的，就這樣描述。向我詢問寄送-ready 提案所需的任何缺失細節，而不是插入佔位符。
3回傳提案、來源 URL 和給 Claude Code 的建議製作 brief。不要提交它。在我提供回覆後，幫我解決買家的問題並更新報價，不要在未經說明的情況下擴大範圍

自己透過適當的管道審核並提交。Viktor 的 email 規則不包含陌生開發和群發信件。

達成協議後，在開始付費製作前先確認 Upwork milestone 資金已到位。

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 的排程搜尋，每次最多找出五個合適的新買家需求。請先確認我的時區、可承接的量能與交付目的地。比對已儲存的潛在客戶名單去除重複項目，並附上來源連結與檢查日期。
3啟用前先顯示測試結果與預定的排程。開發信與提案提交都先存為草稿。回覆與確認的合作案，只能透過我授權的串接服務，或由我手動提供的更新來追蹤。回報技能與結果的儲存位置、啟用了哪些功能，以及如何暫停。遇到卡關的步驟要明確標示，不要假裝執行成功