Claude Code + Remotion:一句話生成視頻,開發者的"作弊碼"來了

作者:竇竇的AI工具庫
日期:2026年1月23日 上午11:00
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

一句prompt即可生成專業影片,Claude Code結合Remotion Agent Skills大幅降低影片製作門檻。

整理版摘要

呢篇文章係關於一個開發者分享佢用一句prompt就生成咗一條專業級影片,引發咗作者嘅興趣。作者即刻動手測試,發現效果超乎想像。Remotion本身係一個用React寫影片嘅框架(GitHub 25k星),但最近推出咗Agent Skills功能,將成個框架餵俾Claude Code,令開發者可以只用人話描述就自動生成影片。

作者測試後得出結論Claude Code正由編程工具轉變為生產力平台,將來唔需要學多個軟件,只需要學識同AI對話。視頻創作門檻大幅降低,開發者可以量產內容,但呢個唔係取代創意,而係取代重複勞動。作者強調,真正嘅變化係「使用工具」呢件事本身正在消失。

  • 結論Claude Code結合Remotion Agent Skills令影片製作只需一句prompt,創作門檻大幅降低。
  • 方法:安裝Remotion技能、初始化項目、激活技能、輸入一句話即可生成影片,可迭代修改。
  • 差異:傳統流程需學剪輯軟件,新流程只需對話,工具使用本身正在消失。
  • 啟發:AI正從編程工具變成生產力平台,未來可擴展到PPT、3D建模、音樂製作等領域。
  • 可行動點:立即安裝技能試玩,用一句話做出第一個影片,再分享畀有需要嘅朋友。
值得記低
Skill

Remotion Agent Skills

將整個影片框架餵俾Claude Code,用自然語言生成影片。

工具

安裝Remotion技能指令

npx skills add remotion-dev/skills,安裝後需activate先用到。

工具

初始化Remotion項目指令

npx create-video@latest,揀Hello World模板。

工具

預覽及導出指令

預覽:npm run dev;導出:npx remotion render。

整理重點

一句話掀起嘅波瀾

幾小時前,一個開發者喺Twitter發咗條片,配文話「呢條片我只用咗1句prompt」。作者點入去睇,見到流暢動畫、品牌配色、專業過渡效果,全程冇開過PremiereAfter Effects。原來只係用咗 Claude Code 同一個叫 Remotion 嘅技能。作者忍唔住即刻動手試,結果仲離譜。

Agent Skills

Remotion係一個用React寫影片嘅框架,GitHub上有25k星,但之前要識React同Remotion API先用得。而家 Remotion推出咗Agent Skills,將成個框架餵俾Claude Code,你只需要用人話描述想要嘅效果,Claude就自己寫Code、調動畫、渲染輸出。你負責諗法,佢負責實現。

整理重點

點解呢件事值得關注

  1. 1 Claude Code正從「編程工具」變成「生產力平台」:Agent Skills嘅本質係畀AI具備調用專業工具嘅能力,以後你唔需要學100個軟件,只需要學識同AI對話。
  2. 2 影片創作門檻被代碼重新定義:傳統流程係學軟件→剪輯→調色→渲染→導出;新流程係寫一句話→等幾十秒→影片出嚟。呢個唔係取代創意,而係取代重複勞動。
  3. 3 開發者終於可以量產內容:用嚟做用戶年度報告、產品更新動畫、批量教程演示,一個模板可以秒出100個變體。

取代重複勞動,唔係取代創意

整理重點

10分鐘跑通第一個影片

以下係實戰步驟,跟住做就得。

Node.js 16或以上

安裝及初始化 bash
mkdir remotion-test
cd remotion-test
npx skills add remotion-dev/skills
# 安裝時揀Claude Code做目標Agent
npx create-video@latest
# 揀Hello World模板

跟住打開Claude Code,輸入 activate the remotion skill。呢步好關鍵,唔激活就用唔到。然後將你嘅logo放入public文件夾,再講一句:「看一下public裏的logo,幫我做一個產品發佈的動態視頻。」Claude就會自動寫React組件、調動畫時間、處理過渡效果。唔滿意可以再講:「文字動畫快一點,加個漸變過渡。」佢會改。

預覽及導出 bash
npm run dev
# 瀏覽器打開Remotion Studio,拖動時間軸預覽
npx remotion render
# 10秒簡單影片,唔使1分鐘就渲染完
整理重點

邊個而家就應該試?

  • 獨立開發者:可以用嚟做產品演示、功能發佈影片。
  • 技術博主:製作教程動畫、程式碼可視化。
  • 創業團隊:低成本品牌內容、社交媒體素材。
  • 數據分析師:動態數據可視化、報告影片化。

你唔再需要學工具,只需要學識表達你想要咩。而家就試下:npx skills add remotion-dev/skills,然後用一句話,做出你嘅第一個影片。

你有沒有想過,未來做視頻可能不需要剪輯軟件?

幾小時前,我刷到一條推文,差點從椅子上摔下來。

一個開發者發了條視頻,配文是:

"這個發佈視頻,我只用了1句prompt。AI要替代我們了。"

我點進去一看——流暢的動畫、品牌配色、專業級過渡效果。

全程沒開Premiere,沒碰After Effects。

只用了Claude Code + 一個叫Remotion的技能。

我忍不住了,立刻動手測試。

結果?比我想象的還要離譜。


💡 這到底是什麼?

先說重點:

Remotion是一個用React寫視頻的框架。

沒聽錯。不是用軟件拖拽,是用代碼生成視頻。

這個項目在GitHub上有25k星,已經被開發者用了很久 。

但之前有個問題——你得懂React,得懂Remotion的API。

現在不用了。

Remotion剛剛發佈了一個叫"Agent Skills"的東西 。

簡單說:它把整個視頻框架"喂"給了Claude Code。

你只需要用人話描述你要什麼,Claude自己寫代碼、調動畫、渲染輸出。

你負責想法,它負責實現。


🔥 為什麼這件事值得關注?

讓我說幾個讓你"原來如此"的點:

1. Claude Code正在從"編程工具"變成"生產力平台"

這不是我的猜測,是正在發生的事。

今天是視頻,明天可能是PPT、海報、音頻。

Agent Skills的本質,是讓AI具備"調用專業工具"的能力。

以後你不需要學100個軟件,只需要學會和AI對話。

2. 視頻創作的門檻,正在被代碼重新定義

傳統流程:學軟件 → 剪輯 → 調色 → 渲染 → 導出。

新流程:寫一句話 → 等幾十秒 → 視頻出來了。

這不是取代創意,是取代重複勞動

3. 開發者終於可以"量產"內容了

想想這些場景:

  • 用戶年度報告視頻,自動生成
  • 產品更新動畫,批量輸出
  • 教程演示視頻,代碼驅動

一個模板跑通,100個變體秒出。


🛠️ 手把手:10分鐘跑通你的第一個視頻

好,說了這麼多,動手才是真的。

第一步:準備環境

你需要Node.js 16或更高版本 。

node --version

第二步:安裝Remotion技能

創建項目文件夾,然後運行一條命令:

mkdir remotion-test
cd remotion-test
npx skills add remotion-dev/skills

安裝過程中,選擇Claude Code作為目標Agent 。

完成後你會看到——Done!

第三步:初始化Remotion項目

npx create-video@latest

選擇"Hello World"模板就夠了 。

別貪多,先跑通再說。

第四步:激活技能

打開Claude Code,輸入:

activate the remotion skill

這一步很關鍵。 不激活,Claude就調不動Remotion 。

第五步:開始創作

把你的Logo丟進public文件夾。

然後給Claude一句話:

"看一下public裏的logo,幫我做一個產品發佈的動態視頻。"

然後……

坐下來,看它自己寫React組件、調動畫時間、處理過渡效果。

不滿意?再說一句:

"文字動畫快一點,加個漸變過渡。"

它改。


📤 預覽和導出

預覽:

npm run dev

瀏覽器打開Remotion Studio,拖動時間軸實時查看 。

導出:

npx remotion render

一個10秒的簡單視頻,不到一分鐘渲染完成 。


💎 金句時刻

"未來的內容創作者,不是會用最多軟件的人,而是最會和AI對話的人。"


🎯 誰應該現在就試試?

你是誰
你能用它做什麼
獨立開發者
產品演示、功能發佈視頻
技術博主
教程動畫、代碼可視化
創業團隊
低成本品牌內容、社交媒體素材
數據分析師
動態數據可視化、報告視頻化

🚀 最後的話

Claude Code + Remotion,不是終點。

這只是AI Agent"技能樹"的一個分支。

今天是視頻,明天可能是3D建模、音樂製作、遊戲原型。

真正的變化,不是工具變強了,而是"使用工具"這件事本身在消失。

你不再需要學工具。

你只需要學會表達你想要什麼。


現在就試試:

npx skills add remotion-dev/skills

然後告訴我——你用一句話,做出了什麼?


如果這篇文章讓你有"學到了"的感覺,轉發給一個你覺得需要看的朋友。