Communitygithub.com

cubeplexai/auto-demo-video

從情境描述到腳本、Playwright 電影級錄製、再到精彩片段擷取的完整自動化展示影片管道。

auto-demo-video 是什麼?

這是一個專為自動化產品展示影片設計的通用管道,支援從情境腳本撰寫、Playwright 電影級錄製、到最終影片剪輯渲染的完整流程。開發者只需在產品倉庫中編寫 `scenario.yaml` 定義步驟、字幕和提示,並可透過外部適配器傳入品牌提示、租戶選擇器等產品專用邏輯,無需修改管道核心。該工具支援 `adv plan`、`adv record`、`adv edit` 和 `adv render` 等命令,並可搭配 `adapter.mjs` 實作客製化登入、驗證等行為。最終輸出 `final.mp4` 影片,並可選擇與 Remotion 整合進行進階打包。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add cubeplexai/auto-demo-video

在你喜歡的 AI 中提問

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

說明文件

auto-demo-video 是做什麼的?

用於即時產品展示的通用管道。

硬性規則

請勿將產品專用邏輯加入 auto-demo-video 儲存庫 (例如工作區名稱、品牌提示、租戶選擇器、應用程式 testid)。 請將這些邏輯保留在消費端應用程式 / 行銷儲存庫中,並透過以下方式傳入:

  • scenario.yaml(步驟、字幕、提示)
  • adapter: ./path/to/adapter.mjs + adapterOptions
  • 環境憑證 / storage-state.json

命令

adv plan   --scenario <yaml> [--code-root <dir>]
adv record --script <script.json>
adv edit   --meta <meta.json> [--target-sec 90]
adv render --plan <edit-plan.json>
adv all    --scenario <yaml> --out runs/job

適配器

內建:僅 generic-web。

外部:

adapter: ./demos/adapter.mjs
adapterOptions:
  # 自由填寫您的適配器選項

形狀:export default { loginPath?, isAuthed?, afterLogin?, custom?, composerPlaceholders? }。

工作流程

  1. 在產品儲存庫中編寫情境腳本 + 可選的外部適配器。
  2. adv plan → 檢視 script.json。
  3. 設定 BASE_URL + 憑證(或儲存狀態)。
  4. adv record → 檢查 meta/螢幕截圖。
  5. adv edit → adv render → final.mp4。
  6. 可選:在其他專案中使用 Remotion 打包。

文件

  • docs/pipeline.md
  • docs/shotcraft-notes.md
  • schemas/*.json

相關技能