Communitygithub.com

cubeplexai/auto-demo-video

Pipeline de escenario a guión, grabación cinematográfica con Playwright y edición destacada para vídeos demo automáticos.

¿Qué es auto-demo-video?

Auto-demo-video es un pipeline genérico para crear vídeos demo de productos en vivo de forma automatizada. El flujo comienza con un escenario definido en un archivo YAML, que incluye pasos, subtítulos y prompts. A partir de ahí, se genera un guión, se realiza una grabación cinematográfica usando Playwright, y luego se edita y renderiza el vídeo final. Es útil para equipos de producto y marketing que necesitan generar demos consistentes y de alta calidad sin esfuerzo manual. Soporta adaptadores externos para personalizar el comportamiento según el producto, y está diseñado para ser mantenido separado de la lógica específica del producto, promoviendo la reutilización y la claridad.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add cubeplexai/auto-demo-video

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace auto-demo-video?

Pipeline genérico para demostraciones en vivo de productos.

Regla estricta

No agregues lógica específica del producto en el repositorio auto-demo-video (nombres de espacios de trabajo, prompts de marca, selectores de inquilino, testids de aplicación).
Mantenlos en el repositorio de la aplicación consumidora / marketing y pásalos mediante:

  • scenario.yaml (pasos, subtítulos, prompts)
  • adapter: ./path/to/adapter.mjs + adapterOptions
  • credenciales de entorno / storage-state.json

Comandos

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

Adaptadores

Incorporado: solo generic-web.

Externo:

adapter: ./demos/adapter.mjs
adapterOptions:
  # forma libre para tu adaptador

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

Flujo de trabajo

  1. Escribe el escenario + adaptador externo opcional en el repositorio del producto.
  2. adv plan → revisa script.json.
  3. Establece BASE_URL + credenciales (o estado de almacenamiento).
  4. adv record → inspecciona meta/pantallazos.
  5. adv edit → adv render → final.mp4.
  6. Opcional: empaquetado con Remotion en otro proyecto.

Documentación

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

Skills relacionados