AI編程可以直接生成視頻了?Remotion Skill 初體驗

作者:驍哥AI編程
日期:2026年1月26日 下午3:17
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

Remotion Skill 讓 AI 編程直接生成代碼視頻,適合特定場景但有限制

整理版摘要

呢篇文章係由AI編程驍哥寫嘅,佢想介紹一個叫Remotion嘅Skill,可以用代碼直接整出視頻。驍哥親自示範咗點樣用AI編程工具Codex,配合PDF Skill讀取PDF內容,再用Remotion Skill生成一個教學視頻。佢覺得效果相當震驚,連大廠同事都表示驚訝。整體嚟講,Remotion Skill係一個可以將文字內容快速轉成動畫視頻嘅工具,特別適合產品宣傳、數據可視化、科普教學同批量製作。

要使用Remotion Skill好簡單,只要一行指令 `npx skills add remotion-dev/skills` 就可以安裝。之後喺AI編程工具(例如CodexTraeCursor等)入面啟用就得。驍哥示範時用咗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生成視頻內容。
值得記低
連結 github.com

Remotion Skill

用代碼做視頻嘅Skill,安裝後可喺AI編程工具中使用。

連結 github.com

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實踐👇

0基礎小白建站:Supabase免費數據庫手把手教學

呢個SKILL,自動操控我嘅瀏覽器,揾出咗我嘅網購記錄0.0!?

自媒體改標題太嘥時間?我將佢整成咗一個SKILL

用AI獨立開發產品,域名諗唔出就用呢招!

點解你用AI整嘅產品成日唔滿意?因為Skip咗呢個步驟

小白點樣用AI編程,快速打造商用級UI

點樣喺Cursor、TRAE入面,用Skills 3分鐘整靚PPT

俾8歲小朋友嘅Agent Skill入門教學

咁今期就到呢度,我係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實踐👇

0基礎小白建站:Supabase免費數據庫手把手教學

這個SKILL,自動操作我的瀏覽器,扒出了我的網購記錄0.0!?

自媒體取標題太耗時間?我把它做成了一個SKILL

用AI獨立開發產品,域名想不出來就用這招!

為什麼你用AI做的產品總是不滿意?因為跳過了這個環節

小白如何使用AI編程,快速打造商用級UI

如何在Cursor、TRAE中,用Skills 3分鐘製作精美PPT

給8歲寶寶的Agent Skill入門教程

那本期就這樣,我是AI編程驍哥,下期見,88👋🤓

圖片