hyperframes
heygen-com · Apache-2.0 · 60,170 顆星撰寫 HTML，輸出影片。具備可跳轉的時間軸、可重現的確定性影格，以及用於編輯的 studio。MotionKit 就是建立在這個引擎之上。
目錄 · 2026 年 10 月 10 日查核
適用於 Claude Code 與 Codex 的開源動態技能
用程式開發 agent 製作影片，不必付錢給任何人。以下是值得認識的開源專案，包括各自擅長的領域，以及所採用的授權條款。
這些都是由各自作者維護的獨立專案。MotionKit 與它們沒有任何關係，也不包含它們的程式碼。我們附上連結，是因為它們確實出色。星數與授權條款為 2026 年 10 月 10 日 GitHub 上顯示的內容；在依賴這些資訊之前，請先查看該專案的儲存庫。
引擎
負責把程式碼轉成影片的算繪器。下列大多數技能都建立在其中一個引擎之上。
remotion
remotion-dev · Remotion License · 63,004 顆星用 React 元件製作影片。它採用自己的授權條款：個人與小型團隊可免費使用，較大型公司則需付費，因此商業使用前請先閱讀條款。
編輯風與解說風格
紙張質感、剪紙拼貼與紀錄片節奏。
vox-explainer-skill
CK42BB · MIT · 110 顆星一項 Claude Code 技能，只需給定一個主題，就能產出編輯風格的解說影片：包含腳本、關鍵影格、動畫、旁白與配樂。
vox-style-animation
Cele-san · MIT · 2 顆星一種編輯風格的動態圖形樣式，以 HyperFrames 風格包的形式提供，並附有將風格擷取成您自己風格包的方法。
Leslie-vox-style.skill
Ai-Leslie · MIT · 0 顆星適用於紀錄片敘事、編輯拼貼風格與解說型動態圖形的 Codex 技能。
motion-skill
LunaAI519 · MIT · 0 顆星以一張參考圖片為基礎，搭配圖像與影片模型生成畫面，製作復古剪貼簿風格的短片。內附著作權自我檢查。文件為中文。
手繪與角色動畫
適用於圖表需要呈現手繪感，或角色需要表演的時候。
ClaudeAnimationBase
JohnHeibel · MIT · 1,000 顆星使用 p5.js 製作手繪卡通動畫的入門套件：包含一個具備 31 種表演情緒的角色，以及給模型的指引。
HandDraw-Skill
ToBeWin · MIT · 3 顆星以 SVG、Remotion 和 FFmpeg 打造的確定性手繪影片引擎：白板講解逐筆繪製。
產品與發表影片
鏡頭配方、分鏡腳本與宣傳影片格式。
video-shotcraft
Vincentwei1021 · Apache-2.0 · 11,138 顆星適用於 Claude Code 和 Codex、以 Remotion 製作電影感產品影片：內含大量鏡頭配方卡與動態預覽。
make-awesome-video
NewTurn2017 · MIT · 4 顆星發表影片的導演工作流程：分析參考素材、撰寫三版分鏡腳本、製作靜態畫面、算圖，最後提供導演意見。
brewreel
Finderchangchang · Apache-2.0 · 161 顆星根據產品簡介製作直式宣傳影片，可搭配低成本模型使用。內含各產業的配方與廣告法檢查。文件為中文。
html-animation
acelera-agency · MIT · 9 顆星以單一 HTML 檔案製作逐格精準的動態標誌、動態文字與品牌影片，再匯出成影片。
原則與基礎元件
不是一種風格，而是讓任何風格都能動得好看的知識。
motion-design-skill
LottieFiles · MIT · 2,075 顆星為 AI 代理撰寫的動態設計原則：時間控制、緩動、編排，以及針對介面調整過的經典動畫原則。
技能
VideoZero · Apache-2.0 · 73 顆星以 Motion Canvas 為基礎，用於生成結構化、圖表風格影片的技能集合。
如何選擇
- 想要特定風格？可以先從編輯風或手繪風類別中挑選一個風格技能。
- 想了解這門技藝？請先閱讀動態設計原則技能，它會讓其他一切都做得更好。
- 要自己動手做？先選一個引擎。HyperFrames 是純 HTML，採用 Apache-2.0；Remotion 以 React 為基礎，有自己的授權條款。
MotionKit 的定位
MotionKit 是建立在 HyperFrames 之上的付費套件。你付費買的，是開源專案無法免費提供的部分：37 種完成度高的風格（各附一份完整範例）、由同一份內容產出的互動式簡報與 PowerPoint、旁白配音額度，以及代管的分享連結。如果上方的免費專案已能滿足你的需求，就用它們吧。
知道還有適合收錄在這裡的專案嗎？請寄信到 support@motionforclaude.com。