Community编程与开发github.com

cubeplexai/auto-demo-video

Reusable pipeline: scenario → script → Playwright record (cinematic) → highlight edit → final video

auto-demo-video 是什么?

auto-demo-video is a Claude Code agent skill that reusable pipeline: scenario → script → Playwright record (cinematic) → highlight edit → final video.

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

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

auto-demo-video 是做什么的?

Generic pipeline for live product demos.

Hard rule

Do not add product-specific logic into the auto-demo-video repository (workspace names, brand prompts, tenancy pickers, app testids).
Keep those in the consumer app / marketing repo and pass them via:

  • scenario.yaml (steps, captions, prompts)
  • adapter: ./path/to/adapter.mjs + adapterOptions
  • env credentials / storage-state.json

Commands

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

Adapters

Built-in: generic-web only.

External:

adapter: ./demos/adapter.mjs
adapterOptions:
  # free-form for your adapter

Shape: export default { loginPath?, isAuthed?, afterLogin?, custom?, composerPlaceholders? }.

Workflow

  1. Author scenario + optional external adapter in the product repo.
  2. adv plan → review script.json.
  3. Set BASE_URL + credentials (or storage state).
  4. adv record → inspect meta/screens.
  5. adv editadv renderfinal.mp4.
  6. Optional Remotion packaging in another project.

Docs

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

相关技能