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에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

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

관련 스킬