2026/3/2
AI自動化 影音行銷 Remotion如何使用 Remotion 與 AI 自動化生成科普短影音:喵喵經濟學人
Hello 我是享哥。今天要跟大家分享一套強大的自動化影音工具——Remotion。
如果你還不會安裝 Remotion,非常推薦直接將它的官方網站網址丟給 AI 助手,請 AI 提供安裝指令,就能輕鬆完成基礎環境的建置。
什麼是喵喵經濟學人?解析自動化短影音工作流在環境安裝完畢後,今天要為大家測試網路上討論度極高的專案:「喵喵經濟學人」。
這是一個專門用於自動化製作 9:16 火柴人風格短影片的工具,特別適合用來做心理學與經濟學的科普。它提供了一套非常完整的標準化工作流,涵蓋了以下核心環節:
腳本撰寫
配音生成
畫面繪製
Remotion 影片最終合成
也就是說,只要餵給它故事腳本,系統就能自動生成對應的圖片、文字內容與配音,並一鍵合成完整的短影音。你還能在核心參數中,彈性設定喜歡的音色與圖片風格。
實戰教學:如何用 AI 生成一分鐘經濟學短片?接下來,我將實際演示如何請 AI 產出一支一分鐘的短影音。這支影片的內容,是透過「喵喵經濟學人」來解析美國與以色列對抗伊朗的事件,會如何影響世界經濟。
步驟一:設定故事核心與隱喻腳本首先,我們來到 Antigravity 介面,輸入指令:「Create video 一分鐘短影片,內容是喵喵經濟學人講解美國和以色列攻打伊朗,對於世界經濟的影響」。
系統會開始引用對應的 Skill(記得事前需要先建立好一個 Skill 來引用)。接著,它會根據設定好的核心主題進行創作。為了讓科普內容更生動,系統大量使用了隱喻的方式來呈現國際衝突:
沙漠悍貓國:代表以色列
波斯貓國:代表伊朗
黑色的魚油:代表石油
罐罐通膨與貓薄荷:代表經濟與物價影響
步驟二:API 替代方案與自動生成在語音生成的部分,系統預設使用的是 Minimax 的 API。但因為我目前沒有提供該 API,所以我改用 Edge TTS 來作為語音替代方案,並完成相關的基礎設定。
當 Plan 與 Task 都設定完畢後,系統就會進入生成與處理階段。處理完成後,程式會在 Out 資料夾中將圖片與影片進行完整合成,最終輸出一支完整的短片。
常見問題與解決方案:遇到「全紫畫面」怎麼辦?在自動化生成的過程中,難免會遇到一些突發狀況。
舉例來說,我第一次生成時,合成出的影片竟然是「全紫色」且完全沒有圖片。遇到這種情況我們應該怎麼辦呢?
因為我是使用 Gemini 模型,我的解法是請模型利用 nano banana 去生成影片所需的相關圖片。雖然這個方法沒有辦法一次並行生成所有圖片,系統必須一張一張慢慢排程製作,過程中偶爾也會遇到失敗的情況;但只要耐心等待,它最終會慢慢把腳本裡所有的圖片素材逐一產出。將素材補齊後,就可以順利合併成最終的影片了。
結語以上就是透過 Remotion 程式,串接 AI 自動生成與剪輯影片的完整過程。
今天就跟大家分享介紹到這邊,影片最後我會放上成品給大家參考,有需要的朋友可以繼續往後觀看。想要了解更多 AI 自動化實用工具與工作流應用,歡迎關注並且訂閱我,謝謝大家今天的收看與支持!
2026/1/23
AI Agent 影音行銷 RemotionRemotion × AI Agent:用 React 與 AI 程式化製作影片的完整實戰教學
做影片很累,傳統剪輯軟體又貴又花時間。你可能以為想做出好影片,非得精通 Premiere 或 Final Cut 不可。其實不用,現在的趨勢是「用程式碼做影片」。
Remotion 這個工具,讓你可以用寫 React 的方式「編譯」出 MP4。加上最新的 AI Agent 技術,甚至連程式碼都不用自己寫。只要一句話,系統自動幫你把影片「算」出來。
用程式寫影片的底層邏輯Remotion 的核心理念叫做「Make videos programmatically」。這聽起來很硬核,但邏輯其實很性感。它把影片的每一幀,都變成了可控的程式碼參數。
以前你需要用滑鼠在時間軸上拉來拉去,還要對齊到崩潰。現在透過 API,你可以精準控制像素的運動。這不僅是工具的轉換,更是生產力的槓桿。
關鍵在於它最近推出的 Agent Skills 功能。這讓 Claude 或 GPT-4 這樣的 AI 模型,能夠讀懂 Remotion 的操作手冊。AI 不再只是瞎猜,而是拿著說明書在幫你蓋房子。
環境建置的關鍵細節開始之前,先在桌面建個資料夾,打開終端機。輸入以下指令初始化專案:
12npx create-video@latest
這一步很簡單,但接下來的選項決定成敗。系統會問你一連串設定:
Template: 選 Blank
TailwindCSS: 建議選 Yes
Add Agent Skills: **請務必、絕對要選 Yes**
這不是選配,這是讓 AI 能夠自動寫作的靈魂。選了它,專案裡才會下載給 AI 看的文檔與技能樹。沒選這個,AI 寫出來的程式碼大概率跑不動。
讓 AI 接手繁瑣工作安裝完依賴套件並啟動開發伺服器後,你會看到瀏覽器跳出預覽畫面。這時,請打開支援 AI 的編輯器(如 Antigravity 或 Cursor)。我們準備開始下指令。
直接在對話框輸入你的需求,模型建議選擇邏輯較強的 Claude 4.5 Sonnet:
「幫我做一支 10 秒介紹 n8n 的短影片,內容要酷炫。」
AI 會先讀取專案裡的 SKILL.md,理解它能做什麼。接著它會規劃場景、設計動畫,然後直接修改 Root.tsx。它會自己寫 Component,自己加 Fade in/out 效果,甚至自己除錯。
反直覺的效率優勢你可能覺得寫程式做影片很反直覺。但當你想要微調字體大小,或是想統一所有轉場的速度時,改一行程式碼,比在傳統軟體軌道上一個個點開調整快太多了。
這就是「可程式化」的降維打擊。範例中,AI 自動生成了包含 Logo 動畫與卡片介紹的 9 秒影片。如果不滿意,只要動動嘴(Prompt)或動動手指(Code)微調即可。
確認無誤後,輸入渲染指令:
12npx remotion render
AI 通常連這行指令都會幫你準備好。按下 Enter,一個真實的 MP4 檔案就會出現在輸出資料夾。
60/40 的人機協作法則別指望 AI 一次給你 100% 的完美成品,那是不切實際的幻想。聰明的做法是讓 AI 搞定 60% 的苦工。讓它完成架構搭建、基礎動畫邏輯與素材佔位。
剩下的 **40%**,靠你的人類美感去微調程式碼。這種工作流比從零開始剪輯快,又比全靠 AI 抽卡精準。這才是 Remotion 結合 Agent 的真正威力。