Communitygithub.com

szc0201/manim-remotion-explainer-skill

使用 Remotion、React/SVG 和透明 Manim 序列來建置和渲染由程式碼生成的數學與科學解說影片,適用於公式驅動的教育動畫、波形或頻譜解說,以及需要產生驗證過 MP4 的同步字幕時間線。

manim-remotion-explainer-skill 是什麼?

此技能允許 AI 代理程式 (如 Claude Code、Cursor、Codex) 建立並渲染完整的數學與科學解說影片,而不只是故事板。它結合了 Remotion 的強大時間線控制、排版、SVG 圖表、音訊與字幕,以及 Manim 的 TeX 品質數學排版與座標幾何功能。支援 Windows 環境,主要使用 PowerShell 腳本進行專案建立、環境檢查與媒體驗證。其獨特的工作流程會將 Manim 場景渲染為透明的 PNG 序列,然後在 Remotion 的 React 元件中組合這些序列,以確保可靠的合成,避免不穩定的透明影片路徑。此技能非常適合需要精確動畫和字幕同步的公式驅動教育內容、波形或頻譜解說,以及同步字幕時間線。它會強制執行嚴格規則,例如使用精確影格編號、將科學資料保持在單一共享來源,以及避免使用 CSS 轉場效果。輸出會是一個經過驗證的 MP4 檔案,包含元資料、音訊檢查和解析度清單。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add szc0201/manim-remotion-explainer-skill

在你喜歡的 AI 中提問

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

說明文件

Manim + Remotion 解說員

建立可運作的專案並渲染影片,而不只是故事板。使用 Remotion 進行時間線控制、排版、SVG 圖表、音訊、字幕和場景組合。使用 Manim 來處理公式和數學繪圖,這些繪圖能從 TeX 品質的排版和座標幾何中獲益。

請勿將此技能用於真人影片剪輯、人物訪談鏡頭或僅有圖片的簡報投影片。

開始

  1. 檢查簡報、現有素材、目標尺寸、持續時間、影格率、音訊政策和 Manim 進入點。
  2. 檢查環境:
pwsh -File scripts/check_environment.ps1 -ManimExe "D:\Manim\manim.cmd"
  1. 對於新影片,請從內建的可用入門範本建立專案:
pwsh -File scripts/create_project.ps1 -Destination "C:\path\to\new-video" -ManimExe "D:\Manim\manim.cmd" -Install -GenerateAssets

如果專案已存在,請重複使用它並保留未相關的變更。

製作規則

  • 在實作場景之前,將時間線轉換為精確的影格編號。
  • 對於 Remotion 動畫,請使用 useCurrentFrame()、interpolate()、spring() 和 Sequence。請勿使用 CSS 轉場效果。
  • 使用透明 PNG 序列渲染 Manim,收集到 public/manim/<scene>/ 目錄下,並在 React 中選取當前影格。這可以避免不可靠的 Alpha 影片路徑。
  • 將科學資料保存在一個共享來源中。頻譜必須從與時域顯示相同的訊號計算而來。
  • 將中文標籤和字幕保留在 Remotion 中。請勿在 Manim 內部建立第二個字幕系統。
  • 僅使用已取得授權的音訊。切勿聲稱缺少的音訊已經存在。
  • 在交付前,請以視覺方式驗證代表性影格,並使用 ffprobe 和音訊 RMS 檢查編碼後的 MP4。

支援資源

  • 閱讀 references/workflow.md 以了解端到端架構、渲染、影格序列整合和品質保證。
  • 在提出傅立葉、訊號處理或主動噪音控制相關主張之前,請先閱讀 references/scientific-animation.md。
  • 使用 scripts/create_project.ps1 來複製可用的入門範本。
  • 使用 scripts/verify_media.py 來驗證串流元資料、音訊和代表性影格。
  • 入門專案:assets/project-template/。請改編它,而不是將其示範文字視為要求的內容。

完成定義

交付 MP4 路徑、來源專案、選用的聯絡表,以及一份包含尺寸、持續時間、FPS、編解碼器和未解決限制的真實驗證摘要。未渲染的專案不算完成的影片。

相關技能