remotion-captions 是什麼、怎麼安裝使用:給 Remotion 影片自動轉寫、顯示和導入字幕的官方 Skill

remotion-captions 是 Remotion 官方的字幕 Skill:規定字幕統一用 JSON 的 Caption 類型處理,並分別給出本地 Whisper 轉寫、在影片裏顯示與做動畫、導入 SRT 字幕三套做法。

Install · 安裝命令

npx skills add remotion-dev/skills

在終端裏執行。Skill 可以帶可執行腳本,安裝前先看一遍倉庫裏的 SKILL.md。

NNathaniel bigo··原創首發·AI 輔助撰寫
3 分鐘讀完
資料核對於 2026-10-11 · 依據官方文檔與公開資料整理
本文根據 remotion-dev/skills 倉庫裏該技能的 SKILL.md 與倉庫 README 整理,資料核對於 2026-10-11。skills.sh 榜單當日顯示該技能累計安裝約 14.2 萬次;所在倉庫 remotion-dev/skills 在 GitHub 約 5003 Star(同日數據)。技能內容會隨倉庫更新,以倉庫為準。

這個 Skill 做什麼

短影片幾乎都要字幕,而且常常是逐詞高亮、帶彈跳動畫的那種。在 Remotion 裏做這件事涉及三步:把語音轉成帶時間戳的文字、在畫面上按時間顯示、處理已有的字幕文件。remotion-captions 把三步各寫成了一份指引。description:轉寫、顯示字幕並為其做動畫。

總規則只有一條:所有字幕都以 JSON 處理,並且必須使用 Remotion 定義的 Caption 類型——每條字幕包含文字和起止時間等字段。統一成這個格式之後,轉寫的輸出、顯示組件的輸入、從 SRT 導入的結果都能互通。

然後是三個分支,各對應一份按需加載的文件:

  • 生成字幕:用 Remotion 的 Whisper WebGPU 包在本機 GPU 上跑 Whisper 轉寫,既能在 Node.js 裏也能在瀏覽器裏運行;需要先安裝幾個依賴包,並且要有兼容的 GPU,文件裏註明某些平台(如 Linux arm64)不支持;
  • 顯示字幕:怎樣按時間把字幕渲染到畫面上並做動畫;
  • 導入字幕:把現成的 SRT 文件轉成 Caption 格式。

怎麼安裝

倉庫 README 給的安裝命令是:

bash
npx skills add remotion-dev/skills

在選擇介面裏勾選需要的技能。remotion-best-practices 是總入口,目錄裏已經帶着其餘各主題的參考文件,多數情況下只裝它就夠;想單獨裝 remotion-captions,可加 skills CLI 的 --skill remotion-captions 參數。

倉庫整體介紹和其他安裝方式,詳見本站《remotion-dev/skills 是什麼、怎麼安裝:Remotion 官方 Agent Skills,用 Claude Code / Codex 寫 React 影片》。

怎麼用

  • 「把 public/interview.mp4 的語音轉寫成字幕,存成 JSON」。
  • 「在畫面底部顯示字幕,當前說到的詞高亮成黃色」。
  • 「我有一個現成的 subs.srt,導入進來替換自動轉寫的結果」。

適合誰 / 侷限

適合用 Remotion 做口播、訪談、教學類影片的人。本地轉寫的準確度和速度取決於所選的 Whisper 模型與顯卡,中文口音重或專業術語多時需要人工校對;沒有合適 GPU 的機器走不通本地轉寫這條路,可以改為導入外部工具生成的 SRT。

注意事項

  • 許可:技能倉庫未聲明許可證;Remotion 框架的商用許可以其官網為準。
  • 會下載模型並執行腳本:首次轉寫要下載 Whisper 模型文件,體積不小。
  • 私隱:轉寫在本機完成,音頻不必上載到第三方服務,適合處理不便外傳的素材。
  • 通常不需要單獨安裝:總入口技能 remotion-best-practices 的目錄裏已包含這部分內容。
需要開通或續費?ChatGPT Plus 充值 →

其他 Skill 庫

  1. 01

    ai-seo skill 是什麼、怎麼安裝使用:讓內容被 ChatGPT、Perplexity、AI Overviews 引用的 GEO / AEO Skill

    ai-seo 是 marketingskills 裏的 AI 搜尋優化技能:先做 AI 可見度審計,再從「結構、權威、存在」三個支柱優化內容,使其更容易被 AI 搜尋抓取、提取和引用,並涵蓋 llms.txt 等面向智能體的機器可讀文件。

    ClaudeCodex0
  2. 02

    gemini-api skill 是什麼、怎麼安裝使用:Google 官方的 Gemini API 開發 Skill(Agent Platform / 原 Vertex AI)

    gemini-api 是 google/skills 裏的 Gemini 開發技能:指導在 Agent Platform(原 Vertex AI)上用 Google Gen AI SDK 調用 Gemini,覆蓋 Python、JS/TS、Go、Java、C# 以及多模態、工具、緩存和 Live API。

    ClaudeGemini0
  3. 03

    writing-plans skill 是什麼、怎麼用:Superpowers 把需求拆成可執行實施計劃的 Skill

    writing-plans 是 Superpowers 的計劃技能:拿到設計或需求後、動代碼之前,寫一份「沒看過代碼庫的工程師也能照做」的實施計劃,寫明文件、接口、測試和提交點,存入 docs/superpowers/plans/。

    ClaudeCodex0
  4. 04

    lark-doc skill 是什麼、怎麼安裝使用:讓 AI 讀寫飛書雲文檔的官方 Skill(Docx / Wiki)

    lark-doc 是飛書官方 CLI 附帶的雲文檔技能:讓智能體通過 lark-cli 讀取、創建和編輯飛書文檔與知識庫頁面,插入或下載圖片附件,操作思維筆記,並內置會議紀要、PRD、彙報等多種文體的寫作參考。

    ClaudeCodex0
  5. 05

    deploy-to-vercel skill 是什麼、怎麼用:讓智能體把項目部署到 Vercel 的官方 Skill(預設只發預覽版)

    deploy-to-vercel 是 Vercel 官方的部署 Skill:先檢查項目是否已關聯、是否有 git 遠端和登入狀態,再選擇 git push、CLI 或免登入兜底方式部署;除非你明確要求,否則只發預覽部署。

    ClaudeCodex0
  6. 06

    verification-before-completion 是什麼、怎麼用:Superpowers「先拿證據再說完成」的 Skill

    verification-before-completion 是 Superpowers 的收尾檢查技能:在宣佈完成、修好或測試通過之前,必須在當條消息裏實際運行驗證命令並看到輸出,證據先於結論。

    ClaudeCodex0

查看全部 Skill 庫 →

0 條評論

登入 後參與評論

還沒有評論,來搶沙發~