video-shotcraft

video-shotcraft 讓 Claude Code 或 Codex 用大家真實的網頁截圖和文案,做成還能再改的產品宣傳片。代理從鏡頭配方裡選畫面、用 Remotion 動畫、對上音樂節奏並做聲音設計,最後交出 MP4,也可以進瀏覽器工作台或剪映草稿。輸入是產品與想講的賣點,輸出是一支可再改的宣傳片。

video-shotcraft 讓 Claude Code 或 Codex 用大家真實的網頁截圖和文案,做成還能再改的產品宣傳片。代理從鏡頭配方裡選畫面、用 Remotion 動畫、對上音樂節奏並做聲音設計,最後交出 MP4,也可以進瀏覽器工作台或剪映草稿。輸入是產品與想講的賣點,輸出是一支可再改的宣傳片。

執行環境:Claude Code、Codex

授權 Apache-2.0。星數 18,546。最近推送 2026-11-09。快照日 2026-11-11。

這是什麼

video-shotcraft 讓 Claude Code 或 Codex 用真實的網頁截圖和文案,做成還能再改的產品宣傳片。它附鏡頭庫與 Motion Workbench,畫面用 Remotion 寫出來,方便之後改時間和文案。

video-shotcraft 倉庫 README 的封面,展示產品宣傳片的鏡頭風格。

怎麼運作

  1. 把倉庫連結交給代理,或用 npx skills add 安裝。
  2. 代理依鏡頭庫組開場、運鏡、轉場、文字、介面進場和數據畫面。
  3. 需要實頁時,用 Puppeteer 截下大家自己的介面,再放進影片。
  4. ffmpeg 做畫面檢查與最後品管,Remotion 負責渲染。

適合誰

  • 用真實產品畫面做發表或功能演示
  • 希望成片是可改的 Remotion 專案
  • 使用 Claude Code 或 Codex

安裝與執行環境

  • 執行環境:Claude Code、Codex。README 寫這兩套是調校對象。
  • 需要 Node.js、npm 與 ffmpeg。節拍分析才要 uv;截圖才要 Puppeteer,而且會在需要時安裝。
  • Remotion 第一次渲染會下載無頭 Chrome。個人與小團隊使用 Remotion 的授權,和公司是否要付費,要另外看 Remotion 的條款。

優點

  • 鏡頭庫涵蓋開場、運鏡、轉場、文字和數據,不用從零發明。
  • 程式與文件是 Apache-2.0。
  • 參考其他產品影片時只重寫手法,不附帶那些品牌的畫面。

限制與授權注意

  • Freesound 與背景音樂各有自己的授權,發布時要保留名單與必要的姓名標示。
  • 低核心的 Linux 機器要調低 Remotion 的並行數。

創作邦載入中