Communitygithub.com

appariciojunior/video-editor-skills

創作者影片的品牌動態圖形 — 一組 Remotion 元件套件(關鍵短語、列表、下三分之一、旅程、大字…),根據節拍表對齊創作者的話語,輸出為透明 ProRes 並放置在 DaVinci Resolve 的 V2 以上軌道,同時具備臉部與字幕安全佈局。用於「疊加層」、「動態圖形」、「讓它更有趣」、「圖形」,或當疊加層遮住臉部或與字幕打架時。

video-editor-skills 是什麼?

此技能提供了一組完整的 Remotion 元件套件,專為創作者影片設計,能快速生成品牌動態圖形疊加層。其核心優勢在於完全對齊創作者的口白:透過節拍表 (beats.json),將每個元件(如下三分之一、關鍵短語、列表、計數器等)精確對應到時間軸上的特定詞語或時刻,確保視覺與聽覺同步。輸出為帶 Alpha 通道的透明 ProRes 4444 影片,可直接放入 DaVinci Resolve 的 V2 或更高軌道,不影響原始畫面與音訊。該套件還內建了跨影片的佈局修正機制,透過統一的品牌代幣檔 (brand.json) 控制顏色、字型與間距,並優先解決了常見的實際問題,例如在 4:3 自拍畫面中避免疊加層遮擋臉部、防止底部元素與字幕條重疊,以及處理文字溢排與孤行。支援的平台包括基於 Remotion 的命令列工具或可整合的開發環境,非常適合需要為大量創作者影片批次添加一致、高品質動態圖形的編輯工作流程。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/appariciojunior/video-editor-skills/tree/HEAD/skills/motion-overlays

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

動態疊加層(Remotion 套件)

創作者的剪輯版本已獲得批准,且通常會由他們自己重新編輯。你在上方添加圖形;他們的畫面與音訊絕不會被更動。

套件內容

這是一個 Remotion 專案,包含一個合成 (Beat),可根據屬性渲染任何元件,時間線尺寸與幀率皆相同,且為透明背景。所有元件都從一個品牌代幣檔案 (brand.json) 讀取值:顏色、字型、以 1080 高為單位的尺寸、間距、動畫時間。因此只需修改一個地方,整體外觀就會改變。典型元件組:

元件用途
LowerThird姓名 + 角色,首次出現
KeyPhrase承載觀點的句子(*word* = 螢光筆效果)
ListReveal / Flow隨著口說逐一出現的項目或步驟
Compare / BeforeAfter對比兩側、展示變化
CountUp他們說出的一個數字
Quote / PersonalNote一句強而有力的台詞、一個意見
BigWord一個想法,全螢幕顯示,持續 1-2 秒
CommentPrompt一個拋給留言區的問題
VlogOpener, PlaceTime, Journey, TimeJumpVlog 時刻:標題、地點/時間、A → B 旅程、「3 小時後」
TitleCard / EndCard / ChapterTag結構性元件,僅在要求時使用

創作者喜歡的動畫風格:每個元素一次流暢的緩入緩出移動,滑入、停留、滑出。不彈跳、不彈出。使用輕量或一般粗細的大字型、等寬大寫標籤、充足的內邊距。

每次執行

  1. 確定時間線(絕不是模板)。
  2. 將詞語對應到時間線上的影格(走訪 V1 項目:來源入點、時間線起點 → 每個保留詞語在時間線上的時間)。
  3. 規劃節拍並提出建議(時間 · 元件 · 文案),等待確認。大約每 30-60 秒一個節拍。文案 = 他們的用詞,數字完全按照他們所說,姓名需在網路上查證,不發明任何東西,不透露他們想保密的事項,確保正確的故事方向(例如是「去某地」的旅行,還是「回去」)。
  4. beats.json:id、component、at_word(或在 B-roll 上使用 at_seconds,當沒有詞語時)、end_word / seconds、data 中包含 at_word 提示的項目。
  5. 渲染(透明 ProRes 4444;全螢幕元件檔案很大,約 16 個節拍可能達數 GB),檢查,然後放置在第一個可用的 V2 以上軌道。
  6. 疊加層音效:預設關閉,除非創作者本人喜歡(最多是微弱的咻聲)。

在放置前,必須在真實畫面上檢查(不可協商)

從攝影機檔案中擷取每個節拍下方的影格,渲染疊加層靜止幀,將兩者合成並仔細觀察。同時畫出字幕條區域。只有這樣做,我們才發現了以下所有問題:

  • 臉部: 專為 16:9(右側三分之一留空)設計的面板,在 4:3 自拍畫面中遮住了臉部。在套件中修正:當畫面寬度小於 16:9 時,將側邊面板整體縮放到寬度外側約 34% 的位置,距離邊緣 80 像素,並將全螢幕文字縮放到其 16:9 的比例,使其保持在臉部下方的安全區域。
  • 超出範圍: 一個包含 11 個項目的列表在縮放前無法容納;超過約 11 個項目需要另一種佈局。
  • 字幕: 底部錨定的元素(開場、大字、下三分之一、旅程)會與字幕條重疊。在套件中修正:加入一個像 caption_band_top_at_1080 這樣的代幣,讓所有底部偏移量 = max(自身偏移量, 字幕條頂部)。
  • 孤行: 一個被螢光筆標記的詞語後面跟著「.」,導致句點單獨換行。在套件中修正:將標點符號與螢光筆標記的最後一個單詞黏合 (nowrap),並在顯示文字上使用 text-wrap: pretty。

請在套件中修正佈局問題,絕不為單一影片修改,這樣每個未來的影片都能繼承這個修正。

更換節拍

更改節拍,使用新的 id/檔名(例如檔名加 -v2)渲染,移除你之前的舊剪輯片段,放置新的。重新執行時必須跳過已經放置的節拍,且絕不能重新添加創作者已刪除且未經同意的內容。

報告

每個節拍一行(時間、元件、螢幕上的文案)、你在套件中修正了什麼、以及任何有風險的地方(文字太小、靠近臉部)。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

相關技能