Communitygithub.com

AmazingAng/0xaa-skills

使用 Remotion 製作或優化產品宣傳影片,可選配 AI 素材(透過 xAPI)以及 Jitter/Lottie 動態素材。適用於行銷影片、產品發表影片、品牌影片,以及宣傳文案或分鏡腳本的審查。

0xaa-skills 是什麼?

這個技能讓 AI 代理能夠使用 Remotion(一個基於 React 的影片製作框架)來建立或精煉產品宣傳影片。它支援多種工作流程,包括文案或分鏡審查、編輯現有影片,以及從頭開始製作新影片。技能提供了結構化提示、xAPI 工作流程(用於 AI 生成的影片素材和 schema 探索)、Remotion 合成模式以及一個雙語起始範本等資源。它使用 Python 腳本進行專案初始化(`init_project.py`)和基於 FFmpeg 的視覺檢查(`contact_sheet.py`)。支援的平台包括 Claude Code、Cursor 和 Codex 等 AI 代理環境。技能強調在提出場景清單後再進行實作、選擇清晰的敘事結構、以及透過聯絡表和檢查影格進行視覺品質保證。它保持與專案目錄的分離,並在所有輸出中安全地處理憑證。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/AmazingAng/0xaa-skills/tree/HEAD/skills/promo-video

在你喜歡的 AI 中提問

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

說明文件

宣傳影片:Remotion + AI 素材 + 可選的 Lottie

使用 Remotion 進行合成、排版、產品展示、轉場、音效以及語言變體。使用生成或提供的素材來創作電影級場景。可選的 Jitter 匯出可提供 Lottie 動畫,並附有程式碼備用方案。

符合要求的工作

  • 對於文案或分鏡審查,檢查實際的旁白、時間軸和可用的渲染影格;提供建議。審查不代表編輯或渲染。
  • 對於編輯,從使用者現有的影片開始,並保留請求範圍之外的選擇。當需要獨立版本時,建立一個不同的專案/輸出,並保留原始檔案的完整性。
  • 對於新影片,在撰寫場景之前先確定其故事和視覺手法。內建的範本是一個技術起點,並非強制的風格、長度或場景順序。

資源

以下路徑是相對於此技能目錄,而非當前工作目錄。

  • 結構化提示:用於生成電影級片段。
  • xAPI 工作流程:用於 schema 探索、提交、任務恢復以及可選的旁白。
  • Remotion 模式:用於時間、轉場、字型、音訊和視覺品質檢查。
  • assets/remotion-template/:獨立的雙語起始範本;無需 API 憑證、素材、字型、標誌或音樂下載即可運作。
  • scripts/init_project.py:將起始範本複製到新目錄;絕不覆蓋現有專案。
  • scripts/contact_sheet.py:使用 FFmpeg 將帶有時間戳的視訊影格提取為聯絡表單。

工作流程

  1. 根據請求可用的專案,確定受眾、主要訊息、目標平台、語言和最終行動。在開始實作之前先撰寫建議的場景清單。優先選擇清晰的敘事而非功能目錄。使用使用者選擇的開場;必要時,問題陳述可以引導出產品的解決方案。

  2. 重複使用合適的現有專案。否則,建立一個新專案:

    python3 <skill-dir>/scripts/init_project.py <new-project-dir>
    cd <new-project-dir>
    npm install
    npm run studio
    

    自訂 src/content.ts、src/Promo.tsx 和 src/Root.tsx。替換範例文字,並根據實際產品調整場景。不要複製私人帳號的結果,也不要將未經驗證的聲明發布為即時演示。

  3. 如果 AI 素材有用,請閱讀提示和 xAPI 參考資料。一個帶有定時節奏的主題片段可以承載敘事;短片段可以支援蒙太奇。根據任務和可用預算選擇持續時間、模型和片段數量。立即保留已接受的任務 ID;在考慮重新提交之前,先恢復現有作業。

  4. 在設定提示點之前,使用聯絡表單檢查生成的素材。提示時間戳描述的是意圖,而非保證的事件時間。在替換片段之前保留先前的版本。

  5. 每個場景只針對一個主要的閱讀目標進行構圖。優先選擇清晰易讀的旁白、穩定的終端機佈局,以及足夠的時間閱讀最終的命令或 URL。確保旁白、示範和敘述中的數值產品宣稱一致。

  6. 渲染並檢查每個場景、轉場和最終行動的代表性影格。如果包含音訊,請檢查音訊。根據觀察到的問題進行迭代,然後交付影片和原始碼位置,並附上簡潔的變更說明。將輸出保留在專案中,而非此已安裝的技能目錄下。

渲染和檢查

起始範本支援英文和中文構圖:

npm run typecheck
npm run render
npm run render:zh
python3 <skill-dir>/scripts/contact_sheet.py out/promo-zh.mp4 out/review.jpg --times 2,8,14

檢視產生的圖片;成功的渲染本身並不能保證視覺品質。在變更文案、字型大小或時間設定後,重新渲染檢查影格。在不再需要時,移除臨時檢查影格。

發佈

將憑證保留在使用者設定的 CLI 或環境變數中。請勿將帳戶配置、個人路徑、任務清單、簽署的下載 URL、生產資料或專案媒體與技能捆綁在一起。所需的範本和腳本必須保留在該資料夾內,以便此技能可以獨立安裝。

相關技能