Communitygithub.com

yanjigb/article-to-motion-graphics

將文章或 URL 轉換為垂直動態圖形影片,包含動態文字排版、數據圖表、自然語音旁白及背景音樂。

article-to-motion-graphics 是什麼?

此技能專為將部落格文章、研究報告、案例研究或登陸頁面文案轉換成適合社交媒體的 9:16 垂直影片而設計。它會自動提取文章中的關鍵數據和論點,並生成帶有 kinetic typography(動態文字)的動態圖形影片。支援的字幕語言包括英文、中文等多種語系,並確保文字安全區和易讀性。技能會透過語音合成技術生成連貫且自然的語音旁白,並使用 FFmpeg 進行音訊混合與調整。背景音樂為純器樂,音量會自動降低以確保語音清晰。所有動畫效果均圍繞單一焦點設計,避免畫面雜亂。最終輸出為 MP4 檔案,並提供完整的製作來源以便後續修改。此技能整合了 Storyboard 模板和音訊混合腳本,確保流程可重複且品質穩定。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/yanjigb/article-to-motion-video-claude-skills/tree/HEAD

在你喜歡的 AI 中提問

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

說明文件

文章轉動態圖形影片

從一篇文章建立垂直式的解說影片,優先確保資訊清晰、字體易讀,並以自然語速進行旁白。除非使用者明確要求,否則不會自動使用真人影片素材。

必要流程

  1. 確認需求摘要。 記錄來源 URL 或文字、朗讀語言、畫面比例、發布平台、期望長度,以及是否需要旁白/音樂。預設值:9:16、1080×1920、全螢幕動態圖形、旁白使用文章語言、輕柔純音樂背景。
  2. 讀取來源。 若有 URL,使用適當的研究/擷取流程讀取文章內容。摘錄數字、論點和結論;不要推斷數據。如適合,在分鏡或結尾卡中使用文章來源作為引用。
  3. 撰寫簡短分鏡。 分成 6–10 個資訊狀態。每個狀態需包含:預估時長、一個主要訊息、顯示文字、動畫形式及對應的旁白句子。每次僅保留一個焦點;避免在單一畫面中塞入過多句子。
  4. 根據旁白選擇時長。 撰寫自然的說稿,避免以論文方式書寫。估計每分鐘 135–165 字;若腳本長於影片,優先延長影片或縮短腳本,除非使用者要求,否則不將語速加快超過 1.1 倍。旁白必須有完整的結尾句子,不得在影片時間點上被截斷。
  5. 製作動態圖形。 使用自包含的程式碼建立背景、網格、形狀、計數器、長條圖、漏斗圖、網路圖或 UI 模型。使用支援 Unicode 的本地字體備援。將文字保持於安全區域內,字體大小需在手機螢幕上易於閱讀,並在片尾放置引用/結尾卡。
  6. 生成旁白。 在呼叫語音工具前,先閱讀 tts-prompter。使用一致的聲音,language_code 須對應正確語言,且 turns[].text 僅包含要朗讀的文字。將語調指示放入 turns[].style;不要在文字中放置舞台指示或說話者標籤。
  7. 生成背景音樂。 在呼叫音樂工具前,先閱讀 music-prompter。對於含旁白的影片,要求「僅器樂,無人聲」,編曲稀疏,無主旋律壓過語音。建立足夠長度的音軌以進行循環/剪裁;若影片短於 180 秒,則不分割音軌。
  8. 混音。 使用 FFmpeg 將音樂剪輯/循環至符合影片時長,保持旁白自然語速,將背景音樂音量降低約 12–20%,然後使用 amix 和 alimiter。若旁白長於畫面,則以旁白時長重新渲染畫面或調整分鏡;不得在未告知情況下剪掉敘述部分。
  9. 檢查。 使用 ffprobe 確認尺寸、時長、影格率、編解碼器和音訊串流。至少擷取首幀、每組場景中間的一幀以及末幀;檢查文字未被裁切、動畫有可讀停頓點、旁白以完整句子結束、音樂未遮蔽語音。
  10. 交付。 先傳送完整的 MP4 檔案。若已建立可重複使用的來源檔案,則一併傳送來源腳本。註明解析度、畫面比例、時長、影格率、旁白語言及音訊狀態。

創意預設值

  • 風格:深藍/炭灰底色、精緻網格、強調色為青色/藍色/橙色、粗體文字、乾淨有目的性的動畫。
  • 社交結構:開頭 1–2 秒鉤子;接著是數據或流程;結尾以重點摘要和來源收尾。
  • 每個場景包含入場、閱讀停留和離場/轉場。避免同時進行多個不相關的動畫。
  • 若來源為英文則優先使用英文;必要時保留專業術語如 DR、dofollow、SaaS。
  • 不虛構標誌、品牌、數據或引用。若需要精確的品牌素材,請要求或使用提供的素材。

分鏡範例

場景 1 — 鉤子 (0:00–0:05)
畫面:大數字與轉換箭頭。
螢幕文字:「463 測試 → 22 值得提交」
旁白:簡短句子說明主要矛盾。

場景 2 — 方法 (0:05–0:12)
畫面:漏斗/計數器。
螢幕文字:輸入後與去重後的里程碑。
旁白:解釋建立清單的方式。

場景 3 — 篩選 (0:12–0:22)
畫面:長條圖或卡片顯示被排除的群組。
旁白:僅提及最重要的群組。

最終 — 重點摘取 (影片結尾)
畫面:大號結論文字,下方小字來源引用。
旁白:結論與建議行動。

附帶資源

  • 使用 templates/storyboard_prompt_template.md 以標準化的英文建立分鏡與提示,供 AI 圖像/影片工具使用。模板要求時間碼、精確的螢幕文字、旁白、動畫、連貫性及品質檢查。
  • 參閱 examples/saas-demand-generation-flywheel.md 以取得基於 SaaS 案例研究的完整分鏡/提示範例,包含數據、注意事項與引用。
  • 使用 scripts/mix_video_audio.sh 循環/剪裁音樂、降低背景音量、與旁白混合並檢查輸出。使用前請執行 bash scripts/mix_video_audio.sh --help。

相關技能