程序員的視頻副業:如何用 Codex 打造一條自動化剪輯流水線

作者:數字邊界 EdgeX
日期:2026年6月8日 下午12:34
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

用 Codex 打造自動化剪輯流水線:6 個實用技能助你視頻副業

整理版摘要

呢篇文章係由一位程式員整理,佢發現 Codex 唔止可以用嚟輔助編程,OpenAI 近期更新令佢變成通用 Agent 平台。作者想解決嘅問題係:點樣用 Codex 自動化生成短視頻,由構思到成品一條龍搞掂,達到技術變現。

整體結論係:只要將 Codex 夾埋 6 個專門技能,就可以砌出一條完整嘅視頻生產線,覆蓋創意規劃、代碼渲染同後期剪輯。作者唔係靠吹水,而係逐個技能介紹點用,並畀出 GitHub 連結,可見實用性高。

對於想搞副業嘅開發者嚟講,呢套方案最大賣點係用 Codex 做中樞,靠 AI 同代碼自動處理重複工序,節省大量時間。作者仲提供咗搭配指南,按內容類型揀合適工具,令個方案更落地。

  • Codex 可以整合多個技能變成自動化視頻生產線,唔再只係編程助手。
  • seedance2-skill 將大綱變成逐秒分鏡腳本,解決 AI 視頻提示詞撰寫難題。
  • HyperFramesHTML/CSS 渲染影片,Remotion Skills 用 React 控制,適應不同技術棧。
  • video-use 自動喺瀏覽器剪走廢話同口誤,大幅減少粗剪時間。
  • 開發者可按內容類型組合工具,例如數據類用 Remotion、口播類用 video-use。
值得記低
Skill github.com

seedance2-skill

即夢分鏡提示詞生成器,自動輸出逐秒分鏡腳本,包含運鏡、面部細節、音效等。

工具 github.com

HyperFrames

用 HTML 和 CSS 編寫動效並轉成 MP4,適合製作互動海報、產品功能介紹等。

Skill github.com

Remotion Skills

官方 Agent Skills,用 React 組件控制視頻渲染,適合批量生成模板化視頻。

Skill github.com

Generative Media Skills

綜合多媒體生成工具箱,封裝圖片、視頻、配音、換臉等能力,可補齊背景音軌或插圖。

整理重點

創意分鏡:用 AI 拆解畫面規劃

喺動手剪輯之前,首先要將抽象諗法變成具體鏡頭。呢個 Skill 等於喺 Codex 裏面塞咗個專業嘅「分鏡導演」。

seedance2-skill

即夢分鏡提示詞生成器

你只需要畀出視頻嘅核心大綱,佢就會自動輸出逐秒分鏡腳本,包含畫面主體、運鏡軌道、人物面部細節、音效同埋引用素材。

運鏡軌道

人物面部細節

生成嘅提示詞可以直接複製到 Seedance 2.0 使用,快速得到高質原始鏡頭。

整理重點

代碼渲染:HTML/CSS 同 React 生成影片

有咗創意之後,下一步就係用代碼或 AI 直接渲染出影片畫面。呢到有三個唔同層級嘅工具。

HyperFrames

HyperFramesHeyGen 團隊出品,可以令 Codex 直接用 HTML 同 CSS 編寫動效,再轉成 MP4。適合整交互海報、滾動 PPT 或科普短片。

React 組件控制視頻渲染

Remotion Skills 係官方提供,開發者可以用 React 組件控制佈局、字幕動畫同音頻軌道。對於需要批量生成排行榜、股票週報呢類模板化視頻,呢套方案好高效。

Generative Media Skills

呢個綜合工具箱基於 muapi.ai API,封裝咗圖片生成、視頻生成、換臉、配音等能力。製作產品廣告時,Codex 可以直接叫用嚟補齊缺失嘅背景音軌或插圖。

  • HyperFrames:用 HTML/CSS 寫動效,轉 MP4,適合短平快內容。
  • Remotion Skills:用 React 組件控制影片,適合模板化批量生產。
  • Generative Media Skills:多功能生成工具箱,補齊配樂、插圖等輔助素材。
整理重點

後期剪輯:瀏覽器驅動自動化粗剪

得到鏡頭素材之後,最後一步係剪輯同精修。呢到有兩個專為 Agent 設計嘅技能。

videocut-skills

videocut-skills 係中文視頻剪輯管家,提供更貼近本地習慣嘅剪輯輔助流程,包括素材整理、多音軌拼接、字幕匹配等。

video-use

video-use 結合 browser-use 嘅瀏覽器控制能力,直接喺瀏覽器操控剪輯工具,自動識別並裁走素材入面嘅停頓、廢話或口誤,仲可以加字幕、調色。

機械化粗剪

  • videocut-skills:本地化剪輯流程,適閤中文環境。
  • video-use:瀏覽器自動化,剪走廢話同口誤,加字幕調色。
整理重點

組合搭配:按內容類型揀合適技能

將呢啲技能庫組合之後,Codex 就係一條完整嘅視頻生產線。你可以按內容方向揀工具配搭。

信息流資訊視頻

信息流資訊視頻:用 HyperFrames 直接將文本熱點轉成動效短片。

數據類視頻

數據類視頻:用 Remotion Skills 套用 React 模板,批量灌數據生成影片。

真人口播/教程

真人口播/教程:先用 video-use 自動剪掉廢話同加字幕,再配 HyperFrames 生成嘅過渡動畫。

AI 劇情短劇

AI 劇情短劇:先用 seedance2-skill 自動規劃分鏡同生成畫面,最後用 videocut-skills 做後期音頻同鏡頭拼接。

  1. 1 資訊類HyperFrames
  2. 2 數據類Remotion Skills
  3. 3 口播類:video-use + HyperFrames
  4. 4 劇情類:seedance2-skill + videocut-skills

好多開發人員set好Codex之後,通常都只係用佢嚟做日常嘅輔助編程。

最近Codex成日更新咗好多編程以外嘅功能,好明顯OpenAI想將Codex由編程助手變成一個通用嘅Agent工作平台

如果結合埋唔同嘅Agent技能,你會發現Codex完全可以變成一個強大嘅內容處理中心。特別係而家短視頻咁流行,用code同Agent自動化生成影片,唔單止可以大幅解放雙手,仲係技術變現嘅直接途徑


呢篇文章會跟據影片製作嘅完整流程(創意規劃、code渲染、後期剪輯),將6個實用技能分類整理同介紹。


01創意同分鏡規劃

喺開始剪片之前,首先需要將抽象嘅想法變成具體嘅鏡頭。

即夢分鏡提示詞生成器:seedance2-skill

用AI影片工具(例如即夢)嘅時候,最難嘅部分通常係寫出精細同符合導演視角嘅提示詞。呢個Skill就好似喺Codex入面塞咗個專業嘅「分鏡導演」。

圖片

你淨係需要畀出影片嘅核心大綱,佢就會自動幫你輸出逐秒嘅分鏡腳本。

腳本入面唔單止有畫面主體描述,仲會精確標明運鏡軌道(例如拉近、橫移)、人物面部細節、音效同所需嘅引用素材。

你淨係需要將生成嘅提示詞複製去Seedance 2.0,就可以快靚正咁得到高質量嘅原始鏡頭。

  • GitHub倉庫dexhunter/seedance2-skill

02Code渲染同生成

有咗創意之後,下一步就係透過code或者AI直接渲染出影片畫面。

網頁技術動效渲染:HyperFrames

HyperFrames係HeyGen團隊推出嘅一個項目。佢可以令Codex直接用熟悉嘅HTML同CSS寫動效,然後轉換成MP4格式。

呢種方式好適合用嚟製作互動海報、滾動PPT、產品功能介紹或者科普類短片。

圖片

如果你有一篇blog或者一條tweet,可以直接交畀Codex,叫佢用HyperFrames生成動態解釋畫面。

  • GitHub倉庫heygen-com/hyperframes

用React寫影片:Remotion Skills

呢個係Remotion官方提供嘅Agent Skills,可以俾開發者用React組件嚟控制影片嘅渲染。

安裝咗呢個技能之後,Codex可以直接寫React code嚟控制組件佈局、字幕動畫同音頻軌道。

對於需要批量生成排行榜、股票週報、產品版本更新等模板化影片嘅開發者嚟講,呢套方案好高效。你只需要將數據源餵畀Codex,佢就可以藉助React快速產出大量嘅完成品影片。

  • GitHub倉庫remotion-dev/skills

媒體生成技能庫:Generative Media Skills

呢個係一個綜合性嘅多媒體生成工具箱。

基於muapi.ai提供嘅API同CLI工具,佢將圖片生成、影片生成、換臉、配音、短片製作等能力包裝成現成工具。

製作產品廣告或者社交短片嘅時候,你可能需要一啲特定嘅配樂或者插圖。Codex可以調用呢個技能庫,直接喺終端機度請求對應嘅生成模型,幫你補齊影片入面缺失嘅背景音軌或者輔助插圖。

你畀一句需求,Agent就會自動調用相關技能,生成海報、Logo、宣傳影片、UI設計稿等內容。

  • GitHub倉庫SamurAIGPT/Generative-Media-Skills

03Agent輔助剪輯同後期

得到鏡頭素材之後,最後一步就係剪輯同精修。

中文影片剪輯管家:videocut-skills

對於國內嘅影片創作者,videocut-skills提供咗更加符合中文使用習慣嘅剪輯輔助流程。

佢可以令Codex更加好咁理解剪輯需求,並協助你完成影片素材嘅整理、多音軌拼接、字幕匹配等流程。

圖片

對於習慣用基於終端機嘅Agent工具嘅開發者,佢可以提供好貼切嘅本地化開發工作流程支援。

  • GitHub倉庫Ceeon/videocut-skills

瀏覽器驅動自動化粗剪:video-use

video-use結合咗browser-use嘅瀏覽器控制能力,專門用嚟解決機械化嘅粗剪工作。

video-use-banner.png

佢可以令Agent直接喺瀏覽器入面操控剪輯工具,自動識別並剪走素材入面冗長嘅停頓、廢話或者重複嘅口誤,然後做加字幕、色調調整等常規包裝。

如果你嘅內容係以真人口播、技術講解同訪問為主,佢可以幫你慳返最費時嘅前置剪輯環節。

  • GitHub倉庫browser-use/video-use

04搭配指南

將呢啲技能庫組合埋之後,Codex就係一條完整嘅影片生產線。

你可以根據唔同嘅內容方向揀適合嘅工具嚟配搭:

  • 信息流資訊影片:使用 HyperFrames 直接將文本熱點轉化做動效短片。
  • 數據類影片:用 Remotion Skills 套用React模版,批量灌入數據源生成影片。
  • 真人口播/教學:先由 video-use 自動剪走廢話同添加字幕,再配埋 HyperFrames 生成嘅過渡動畫。
  • AI劇情短劇:先通過 seedance2-skill 自動規劃分鏡同生成畫面,最後用 videocut-skills 進行後期音頻同鏡頭嘅拼接。

05推薦閲讀

OpenAI官方指南:掌握 /goal 嘅 7 個關鍵點,令 Codex 自動工作直到達成目標
尤雨溪官方宣佈:VoidZero團隊被Cloudflare正式收購,Vue生態將會迎來新篇章
Codex更新:由開發工具變成通用智能體,6大角色插件 + 網頁共享 + 標註功能升級

很多開發人員在配置好 Codex 後,通常只是用它來做日常的輔助編程。

最近 Codex 頻繁更新了很多編程之外的特性,很明顯 OpenAI 想讓 Codex 由編程助手轉成一個通用的 Agent 工作平台

如果結合各種 Agent 技能,你會發現 Codex 完全可以變成一個強大的內容處理中心。特別是在短視頻熱門的當下,用代碼和 Agent 自動化生成視頻,不僅能極大地解放雙手,也是技術變現的直接途徑


這篇文章會根據視頻製作的完整鏈路(創意規劃、代碼渲染、後期剪輯),對 6 個實用的技能進行分類整理和介紹。


01創意與分鏡規劃

在動手剪輯前,首先需要將抽象的想法落實為具體的鏡頭。

即夢分鏡提示詞生成器:seedance2-skill

在使用 AI 視頻工具(如即夢)時,最難的部分往往是寫出精細且符合導演視角的提示詞。這個 Skill 相當於在 Codex 裏塞進了一個專業的“分鏡導演”。

圖片

你只需給出視頻的核心大綱,它就會自動為你輸出逐秒的分鏡腳本。

腳本中不僅包含了畫面主體描述,還會精確標註運鏡軌道(如拉近、橫移)、人物面部細節、音效以及所需的引用素材。

你只需將生成的提示詞複製到 Seedance 2.0 中,就能快速得到高質量的原始鏡頭。

  • GitHub 倉庫dexhunter/seedance2-skill

02代碼渲染與生成

有了創意後,下一步就是通過代碼或 AI 直接渲染出視頻畫面。

網頁技術動效渲染:HyperFrames

HyperFrames 是 HeyGen 團隊推出的一個項目。它能讓 Codex 直接使用熟悉的 HTML 和 CSS 編寫動效,並將其轉換成 MP4 格式。

這種方式非常適合用於製作交互海報、滾動 PPT、產品功能介紹或科普類短視頻。

圖片

如果你有一篇博客或一條推文,可以直接交給 Codex,讓它用 HyperFrames 生成動態解釋畫面。

  • GitHub 倉庫heygen-com/hyperframes

用 React 編寫視頻:Remotion Skills

這是 Remotion 官方提供的 Agent Skills,能夠讓開發者用 React 組件來控制視頻的渲染。

通過安裝這個技能,Codex 可以直接編寫 React 代碼來控制組件佈局、字幕動畫以及音頻軌道。

對於需要批量生成排行榜、股票週報、產品版本更新等模板化視頻的開發者來說,這套方案非常高效。你只需將數據源餵給 Codex,它就能借助 React 快速產出大批量的成品視頻。

  • GitHub 倉庫remotion-dev/skills

媒體生成技能庫:Generative Media Skills

這是一個綜合性的多媒體生成工具箱。

基於 muapi.ai 提供的 API 和 CLI 工具,它把圖片生成、視頻生成、換臉、配音、短視頻製作等能力封裝成現成工具。

在製作產品廣告或社交短片時,你可能需要一些特定的配樂或插圖。Codex 可以調用這個技能庫,直接在終端中請求對應的生成模型,幫你補齊視頻中缺失的背景音軌或輔助插圖。

你給一句需求,Agent 自動調用相關技能,生成海報、Logo、宣傳視頻、UI 設計稿等內容。

  • GitHub 倉庫SamurAIGPT/Generative-Media-Skills

03Agent 輔助剪輯與後期

得到鏡頭素材後,最後一步是剪輯與精修。

中文視頻剪輯管家:videocut-skills

對於國內的視頻創作者,videocut-skills 提供了更符合中文使用習慣的剪輯輔助流程。

它能讓 Codex 更好地理解剪輯需求,並協助你完成視頻素材的整理、多音軌拼接、字幕匹配等流程。

圖片

對於習慣使用基於終端的 Agent 工具的開發者,它能提供非常貼切的本地化開發工作流支持。

  • GitHub 倉庫Ceeon/videocut-skills

瀏覽器驅動自動化粗剪:video-use

video-use 結合了 browser-use 的瀏覽器控制能力,專門用來解決機械化的粗剪工作。

video-use-banner.png

它能讓 Agent 直接在瀏覽器中操控剪輯工具,自動識別並裁剪掉素材中冗長的停頓、廢話或者重複的口誤,並進行加字幕、色彩調優等常規包裝。

如果你的內容以真人口播、技術講解和訪談為主,它可以幫你省去最耗時的前置剪輯環節。

  • GitHub 倉庫browser-use/video-use

04搭配指南

將這些技能庫組合起來後,Codex 就是一個完整的視頻生產線。

你可以根據不同的內容方向挑選適合的工具進行搭配:

  • 信息流資訊視頻:使用 HyperFrames 直接將文本熱點轉化為動效短片。
  • 數據類視頻:用 Remotion Skills 套用 React 模版,批量灌入數據源生成視頻。
  • 真人口播/教程:先由 video-use 自動剪掉廢話並添加字幕,再配上 HyperFrames 生成的過渡動畫。
  • AI 劇情短劇:先通過 seedance2-skill 自動規劃分鏡並生成畫面,最後使用 videocut-skills 進行後期音頻與鏡頭的拼接。

05推薦閲讀

OpenAI 官方指南:掌握 /goal 的 7 個關鍵點,讓 Codex 自動工作到目標達成
尤雨溪官宣:VoidZero 團隊被 Cloudflare 正式收購,Vue 生態將迎來新篇章
Codex 更新:從開發工具到通用智能體,6 大角色插件 + 網頁共享 + 標註功能升級