一句話讓AI編程,完成視頻摳綠幕 —— Remotion Skill的使用技巧
整理版優先睇
一句話同一個Skill,AI自動幫你完成視頻摳綠幕
呢篇文章係由AI編程驍哥寫嘅,佢成日分享點樣用AI編程工具嚟做實用嘢。今次佢介紹Remotion Skill嘅進階用法——摳綠幕。Remotion Skill係一個可以喺AI編程工具入面用自然語言指令生成影片嘅技能,之前佢介紹過基本操作,今次就示範點樣用一句話就完成綠幕移除同換背景。
驍哥首先講解安裝方法:只要打一句指令 npx skills add remotion-dev/skills 就裝好。然後準備兩個素材:一個綠幕影片同埋一張背景圖。綠幕影片可以用AI生成工具整,好方便。之後喺AI編程工具入面開Agent,直接講「去除呢個視頻嘅綠幕,把視頻背景換成呢張圖」,Agent就會自動開始處理。第一次生成效果唔夠好,AI會自己判斷再微調,直到滿意為止。最後可以用 npm run studio 開一個網頁版剪輯介面,撳Render掣就導出到影片。
文章嘅結論係,AI編程工具好似ClaudeCode、Codex咁,已經唔止寫代碼咁簡單,而係變成一個超級工具。驍哥鼓勵讀者要跟上呢個趨勢,持續學習。
- Remotion Skill可以用一句自然語言指令完成綠幕摳像,AI會自動調整效果。
- 安裝方法簡單:用 npx skills add remotion-dev/skills 一鍵安裝。
- 準備兩個素材:綠幕影片同背景圖,綠幕影片可以用AI生成工具整。
- AI會自動微調,第一次效果唔靚會自己再試,直到滿意。
- AI編程工具正從寫代碼發展成超級工具,要跟上潮流。
Remotion Skill 安裝
使用 npx skills add remotion-dev/skills 安裝,詳情見 GitHub 上嘅 SKILL.md。
安裝同確認Skill
想玩呢個功能,首先要裝咗 Remotion Skill。驍哥提你,只需打一句指令就搞掂。
npx skills add remotion-dev/skills
裝完之後,喺你嘅 AI 編程工具入面確認下係咪成功。如果見到 Remotion 相關嘅技能,就代表得咗。
AI編程工具
準備素材:綠幕影片同背景圖
你需要兩個素材:一條綠幕影片同一張背景圖。綠幕影片可以用AI生成工具整,例如可靈、即夢、Vidu、Sora、Gemini都得,而家AI生片好方便。
AI生影片
背景圖就隨便揀一張刺激嘅就得。素材準備好曬,就可以下一步。
一句話生成,AI自動微調
開著 AI 編程工具,確認 Skill 裝好後,直接同 Agent 講:「去除呢個視頻嘅綠幕,把視頻背景換成呢張圖」就搞掂。
一句話
Agent 就會開始自己開工。第一次生成效果可能唔係最好,AI 會自己睇返,如果覺得人物太虛,就會自動再微調一次。驍哥示範入面,第二次效果已經好好多。
自動微調
如果你覺得有綠邊或者人太虛,可以再話俾佢知,佢會繼續改。滿意之後,就可以用 npm run studio 開一個網頁版剪輯介面,撳右下角嘅「Render」掣導出影片。
- 1 講一句指令,AI開始處理。
- 2 AI檢查效果,唔靚會自動微調。
- 3 滿意後用 npm run studio 開網頁版剪輯。
- 4 撳 Render 掣導出影片。
Render按鈕
小結:AI編程正成為超級工具
驍哥話,AI編程工具好似ClaudeCode、Codex,功能已經唔止寫代碼咁簡單,而係變成一個超級工具。近期好多熱門項目都係圍繞AI編程套殼,例如pencil、cowork、clawdbot、openclaw。
超級工具
佢鼓勵大家一定要跟上時代,持續學習。如果鍾意呢類分享,可以睇返佢之前嘅Skill實踐文章,例如瀏覽器自動化、建站等。
- 瀏覽器自動化Skill:Agent Browser究極攻略
- AI編程可以直接生成視頻了?Remotion Skill 初體驗
- 0基礎小白建站:Supabase免費數據庫手把手教學
我哋直接睇下成果🤓
呢個,係驍哥,喺AI編程工具入面,用remotion-best-practices呢個skill,淨係用咗一句話就搞掂👆😜
前情提要:Remotion Skill,一個可以用代碼做視頻嘅 Skill
先講下點樣用呢個skill💁♀️
https://github.com/remotion-dev/skills/blob/main/skills/remotion/SKILL.md

👆裝呢個skill,只需一行指令就得👇
npx skills add remotion-dev/skills
裝完之後,喺對應嘅AI編程工具度確認下,睇下裝成唔成功👇

我哋喺上一篇文章入面,簡單講解咗remotion skill嘅一啲基本用法👉AI編程可以直接生成視頻?Remotion Skill 初體驗
今日,我哋繼續介紹呢個skill嘅一個更加實用嘅場景😼
摳綠幕
我哋需要準備兩個素材:綠幕視頻🎬,同埋背景圖片🖼️
綠幕視頻👇

整綠幕視頻嘅方法有好多,最簡單就係用AI,可靈、即夢、vidu、sora、gemini...都得,而家AI生視頻好方便!😃
然後我哋再隨便整一張,刺激嘅背景圖片😬

咁樣素材就準備好曬👌
我哋只需要開咗AI編程工具,確認skill裝好之後,同Agent講:
「去除呢條片嘅綠幕,將視頻背景換成呢張圖」

就得咗,就咁簡單!淨係用一句話!😂
Agent就會開始自己做嘢,呢個係第一次生成嘅結果👇

AI自己睇咗下,覺得人物太矇(太虛)啦,唔滿意,然後自動開始第二次嘅微調
今次就好咗好多😃

仲話畀你知,如果覺得「有綠邊」,或者「人物太矇」,可以同佢講,佢會幫你再調

呢度驍哥覺得效果ok,就冇再調啦。使用npm run studio,呢個會開一個網頁版嘅「剪映」

想導出視頻,直接㩒右下角嘅「Render」掣,就得㗎啦🤩

小結
驍哥發現,AI編程工具(以claudecode、codex為代表)嘅能力,唔單止剩係停留喺寫代碼,而家逐漸發展成一個超級工具🥸
睇下近期嘅熱點:pencil、cowork、clawdbot、openclaw...全部都係圍繞AI編程去套殼
由此可見,AI編程喺AI時代嘅重要性🙆
一定要跟得上時代,持續學習!📚
咁今期就係咁,我係AI編程驍哥,跟住我,一齊喺AI時代共同進步!😼
往期Skill實踐👇
瀏覽器自動化Skill:Agent Browser終極攻略(包含登入狀態解決方案)
AI編程可以直接生成視頻?Remotion Skill 初體驗
呢個SKILL,自動操作我嘅瀏覽器,挖咗我嘅網購記錄出嚟0.0!?
點樣喺Cursor、TRAE入面,用Skills 3分鐘整靚PPT

我們直接來看成果🤓
這,是驍哥,在AI編程工具中,用remotion-best-practices這個skill,只用了一句話完成的👆😜
前情提要:Remotion Skill,一個能用代碼做視頻的 Skill
先來講一下如何使用這個skill💁♀️
https://github.com/remotion-dev/skills/blob/main/skills/remotion/SKILL.md

👆安裝一下這個skill,只需一行指令,即可安裝👇
npx skills add remotion-dev/skills
安裝完後,在對應的AI編程工具裏確認下,看是否安裝成功👇

我們在上一篇文章中,簡單講解了remotion skill的一些基礎用法👉AI編程可以直接生成視頻了?Remotion Skill 初體驗
今天,我們來繼續介紹這個skill的一個更加實用的場景😼
摳綠幕
我們需要準備兩個素材:綠幕視頻🎬,以及背景圖片🖼️
綠幕視頻👇

搞綠幕視頻的辦法有很多,最簡單的就是用AI,可靈、即夢、vidu、sora、gemini...都行,現在AI生視頻很方便!😃
然後我們再隨便搞一張,刺激的背景圖片😬

這樣素材就準備完畢了👌
我們只需要打開AI編程工具,在確認skill裝好後,跟Agent說:
“去除這個視頻的綠幕,把視頻背景換成這張圖”

就OK了,就這麼簡單!只用一句話!😂
Agent就會開始自己幹活,這是第一次生成的結果👇

AI自己看了下,覺得人物太虛了,不滿意,然後自動開始第二次的微調
這次就好了很多😃

並告訴你,如果覺得“有綠邊”,或者“人太虛”,可以告訴他,他給你接着調

這裏驍哥覺得效果可以,就沒調了。使用npm run studio,這會啓動一個網頁版的“剪映”

想要導出視頻,直接點擊右下角的「Render」按鈕,就可以啦🤩

小結
驍哥發現,AI編程工具(以claudecode、codex為代表)的能力,不僅僅只停留於寫代碼了,正逐漸發展成一個超級工具🥸
看下最近的熱點:pencil、cowork、clawdbot、openclaw...都是基於圍繞AI編程套殼
由此可見,AI編程在AI時代的重要性了🙆
一定要跟上時代,持續學習!📚
那本期就這樣,我是AI編程驍哥,跟上我,一起在AI時代共同進步!😼
往期Skill實踐👇
瀏覽器自動化Skill:Agent Browser究極攻略(含登錄態解決方案)
AI編程可以直接生成視頻了?Remotion Skill 初體驗
這個SKILL,自動操作我的瀏覽器,扒出了我的網購記錄0.0!?
如何在Cursor、TRAE中,用Skills 3分鐘製作精美PPT
