AI編程可以直接生成視頻了?Remotion Skill 初體驗
整理版優先睇
Remotion Skill 讓 AI 編程直接生成代碼視頻,適合特定場景但有限制
呢篇文章係由AI編程驍哥寫嘅,佢想介紹一個叫Remotion嘅Skill,可以用代碼直接整出視頻。驍哥親自示範咗點樣用AI編程工具Codex,配合PDF Skill讀取PDF內容,再用Remotion Skill生成一個教學視頻。佢覺得效果相當震驚,連大廠同事都表示驚訝。整體嚟講,Remotion Skill係一個可以將文字內容快速轉成動畫視頻嘅工具,特別適合產品宣傳、數據可視化、科普教學同批量製作。
要使用Remotion Skill好簡單,只要一行指令 `npx skills add remotion-dev/skills` 就可以安裝。之後喺AI編程工具(例如Codex、Trae、Cursor等)入面啟用就得。驍哥示範時用咗Anthropic官方嘅PDF Skill嚟讀取PDF,效果好好。佢嘅提示詞好直接:『我而家要把pdf第一章內容,做成教學視頻。目標是0基礎小白看完視頻,一下就懂了什麼是skill』。Codex完成後會自動打開一個網頁版嘅剪映嚟預覽視頻,仲可以用提示詞微調。
不過,Remotion都有侷限。佢唔擅長做特效大片或者vlog,比較適合產品宣傳片(大字、Logo動畫)、數據可視化、科普類視頻同埋批量生成結構相似嘅視頻。總括嚟講,呢個Skill令到普通人都有能力用AI創作視頻,係一個有趣嘅嘗試。
- Remotion Skill 可以透過一行指令 `npx skills add remotion-dev/skills` 安裝,支援主流AI編程工具。
- 配合PDF Skill,AI能夠讀取PDF內容並轉換成教學視頻,效果令人驚喜。
- 生成嘅視頻可以即時喺網頁預覽,並透過提示詞微調以達到理想效果。
- Remotion適合產品宣傳、數據可視化、科普教學同批量製作,但唔適合特效大片同vlog。
- 呢個工具降低咗視頻創作門檻,令到即使冇編程背景嘅人都可以用AI生成視頻內容。
Remotion Skill
用代碼做視頻嘅Skill,安裝後可喺AI編程工具中使用。
PDF Skill
用嚟讀取PDF文件,提高AI對PDF內容嘅理解。
Remotion Skill 係乜?點樣安裝?
Remotion Skill 係一個可以用代碼直接生成視頻嘅工具,安裝超簡單,只需要
一行指令
:
npx skills add remotion-dev/skills
就可以安裝。之後喺AI編程工具例如
Codex
、
TRAE
、
ClaudeCode
、
Cursor
、
OpenCode
入面確認安裝成功就可以用。
實戰演示:用Codex生成教學視頻
驍哥先用咗Anthropic官方嘅
PDF Skill
,等AI可以準確讀取PDF內容。然後啟用Remotion Skill,落咗一條好樸實嘅
提示詞
:『我而家要把pdf第一章內容,做成教學視頻。目標是0基礎小白看完視頻,一下就懂了什麼是skill』。
微調
:如果第一版效果唔滿意,可以喺提示詞上微調,唔使重新生成。
Codex完成後會自動打開一個
網頁版剪映
嚟預覽視頻效果。
Remotion適合咩場景?
驍哥將效果畀大廠同事睇,同事都好震驚。但佢強調Remotion唔係萬能,
特效大片
同
vlog
就搞唔掂。Remotion比較擅長以下場景:
- 產品宣傳片:大圖、大字、Logo動畫,Remotion好擅長。
- 數據可視化:動態圖表、交互式演示,天生適合。
- 科普類視頻:好似驍哥示範咁,做出嚟可以直接投稿科普區。
- 批量化視頻:要係100個結構差不多嘅視頻,改改參數就得。
產品宣傳片
、
數據可視化
、
科普類視頻
、
批量化視頻
就係佢嘅強項。
👇呢啲全部都係直接用AI編程,用代碼寫出嚟嘅影片,你敢唔敢信?🫨
跟住落嚟,有請我哋今日嘅主角💁
💥 Remotion Skill:一個可以用代碼整影片嘅 Skill
https://github.com/remotion-dev/skills/blob/main/skills/remotion/SKILL.md

👆裝呢個skill,淨係一行指令就得👇
npx skills add remotion-dev/skills(如果唔用指令,直接抄個文件夾都得)

裝完之後,喺對應嘅AI編程工具嗰度確認嚇,睇下有冇裝成功

🎬 實戰示範環節
呢度驍哥就用 Codex 示範,當然用 TRAE、ClaudeCode、Cursor、OpenCode 之類完全冇問題👌
💁♀️貼士:如果用 Codex,記得模型要轉gpt-5.2。創意類嘅工作交俾gpt-5.2會更好,編碼工作先交俾gpt-5.2-codex

呢度驍哥先用咗Anthropic官方嘅PDF Skill,叫AI讀咗個pdf
https://github.com/anthropics/skills/blob/main/skills/pdf/SKILL.md

💁♀️貼士:如果想叫AI編程工具讀PDF,推薦呢個skill;用咗呢個skill之後,AI對PDF嘅理解效果明顯好咗!

然後開咗remotion skill,提示詞樸實無華👇
「我而家要將pdf第一章嘅內容,整成教學影片。目標係0基礎嘅小白睇完之後,一下就明咩嘢係skill」

等 Codex 做完就ok

AI編程結束之後,會直接開一個網頁版「剪映」,用嚟預覽影片效果👇

當然,如果第一版提示詞唔滿意,可以透過提示詞微調🧏♀️

最終效果(為咗慳時間,錄咗4倍速播放)🤩
📊 小結
驍哥將效果俾大廠嘅同事睇,同事們對效果都話,好震撼!
呢個就係AI時代啦,一個乜都有可能,凡人亦都可以創造奇蹟嘅時代!🌈
💁♀️另外,Remotion都唔係乜都做到,好似特效大片、vlog,淨係靠Remotion係好難搞嘅。Remotion比較適合呢啲:
🎬產品宣傳片:就係驍哥文章開頭放嗰段影片嘅效果。例如大圖、大字、Logo動畫,呢啲Remotion比較擅長
📊數據可視化:動態圖表、互動式演示,Remotion天生就擅長搞呢啲
🧑🏫科普類影片:就係驍哥實踐中做出嚟嘅呢個效果,整出嚟嘅影片可以直接投稿去科普區
⚙️ 批量影片:如果你要整100個結構差唔多嘅影片,改嚇參數就得
好好玩嘅Skill!大家快啲去試下啦~😃
往期Skill實踐👇
呢個SKILL,自動操控我嘅瀏覽器,揾出咗我嘅網購記錄0.0!?
點樣喺Cursor、TRAE入面,用Skills 3分鐘整靚PPT
咁今期就到呢度,我係AI編程驍哥,下期見,88👋🤓

👇這些都是直接用AI編程,用代碼寫出來的視頻,你敢信麼?🫨
接下來,就有請我們今天的主角💁
💥 Remotion Skill:一個能用代碼做視頻的 Skill
https://github.com/remotion-dev/skills/blob/main/skills/remotion/SKILL.md

👆安裝一下這個skill,只需一行指令,即可安裝👇
npx skills add remotion-dev/skills(如果不用指令,直接拷貝下文件夾也行)

安裝完後,在對應的AI編程工具裏確認下,看是否安裝成功

🎬 實戰演示環節
這裏驍哥就用Codex演示,當然用TRAE、ClaudeCode、Cursor、OpenCode啥都是完全OK的👌
💁♀️Tips:如果用Codex,模型記得切到gpt-5.2。創意類工作交給gpt-5.2更好,代碼工作才交給gpt-5.2-codex

這裏驍哥先用了Anthropic官方的PDF Skill,讓AI讀了下pdf
https://github.com/anthropics/skills/blob/main/skills/pdf/SKILL.md

💁♀️Tips:如果要讓AI編程工具讀PDF,推薦這個skill,用了這個skill後,AI對於PDF的理解效果明顯更好了!

然後啓用了remotion skill,提示詞樸實無華👇
“我現在要把pdf第一章內容,做成教學視頻。目標是0基礎小白看完視頻,一下就懂了什麼是skill”

等Codex幹完就好了

AI編程結束後,會直接啓動一個網頁版“剪映”,來預覽視頻效果👇

當然,如果第一版提示詞不滿意,可以通過提示詞微調🧏♀️

最終效果(為節省時間,錄製了4x速播放)🤩
📊 小結
驍哥把效果給大廠同事看,同事們對效果也都表示,很震驚!
這就是AI時代吧,一個一切皆有可能,凡人也能創造奇蹟的時代!🌈
💁♀️另外,Remotion也不是啥都能幹,像特效大片、vlog,光靠Remotion可不好做。Remotion比較適合這些:
🎬產品宣傳片:就是驍哥文章開頭放的視頻的效果。像大圖、大字、Logo動畫,這些Remotion比較擅長
📊數據可視化:動態圖表、交互式演示,Remotion天生就擅長搞這個
🧑🏫科普類視頻:就是驍哥實踐中做出的這個效果,做出來的視頻可以直接投稿科普區
⚙️ 批量化視頻:要是你要做100個結構差不多的視頻,改改參數就行
很好玩的Skill!大家快去試試吧~😃
往期Skill實踐👇
這個SKILL,自動操作我的瀏覽器,扒出了我的網購記錄0.0!?
如何在Cursor、TRAE中,用Skills 3分鐘製作精美PPT
那本期就這樣,我是AI編程驍哥,下期見,88👋🤓
