Claude Code + Remotion:一句話生成視頻,開發者的"作弊碼"來了
整理版優先睇
一句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建模、音樂製作等領域。
- 可行動點:立即安裝技能試玩,用一句話做出第一個影片,再分享畀有需要嘅朋友。
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」。作者點入去睇,見到流暢動畫、品牌配色、專業過渡效果,全程冇開過Premiere或After Effects。原來只係用咗 Claude Code 同一個叫 Remotion 嘅技能。作者忍唔住即刻動手試,結果仲離譜。
Agent Skills
Remotion係一個用React寫影片嘅框架,GitHub上有25k星,但之前要識React同Remotion API先用得。而家 Remotion推出咗Agent Skills,將成個框架餵俾Claude Code,你只需要用人話描述想要嘅效果,Claude就自己寫Code、調動畫、渲染輸出。你負責諗法,佢負責實現。
點解呢件事值得關注
- 1 Claude Code正從「編程工具」變成「生產力平台」:Agent Skills嘅本質係畀AI具備調用專業工具嘅能力,以後你唔需要學100個軟件,只需要學識同AI對話。
- 2 影片創作門檻被代碼重新定義:傳統流程係學軟件→剪輯→調色→渲染→導出;新流程係寫一句話→等幾十秒→影片出嚟。呢個唔係取代創意,而係取代重複勞動。
- 3 開發者終於可以量產內容:用嚟做用戶年度報告、產品更新動畫、批量教程演示,一個模板可以秒出100個變體。
取代重複勞動,唔係取代創意
10分鐘跑通第一個影片
以下係實戰步驟,跟住做就得。
Node.js 16或以上
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組件、調動畫時間、處理過渡效果。唔滿意可以再講:「文字動畫快一點,加個漸變過渡。」佢會改。
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
然後告訴我——你用一句話,做出了什麼?
如果這篇文章讓你有"學到了"的感覺,轉發給一個你覺得需要看的朋友。