EXP-007 · activo
DemoStage
// el demo es el código fuente
DemoStage graba una sesión como eventos, corrige las imperfecciones humanas en un demo.toml limpio — una partitura — y lo compila a gif o mp4: versionado, re-ejecutable y diffeable.
Instalar
curl -fsSL https://get.univerlab.org/demostage | sh irm https://get.univerlab.org/demostage.ps1 | iex Nació construyendo esta misma página.
Al construir esta landing, cada experimento necesitaba un demo — y cada herramienta (asciinema, vhs, OBS, grabar a mano) salía frágil o fea, con una regrabación por cada error. Entonces el demo dejó de ser un video y pasó a ser un archivo: eventos que puedes podar, ritmar y reproducir. DemoStage graba el resto del laboratorio — incluida la página que estás leyendo.
$ demo capture
→ demo.toml (8 steps) + demo.rec
$ demo focus main docs --scroll
→ terminal | docs — browser source composited in
$ demo record
→ demo.rec (clean humanized take)
$ demo export gif,mp4
→ dist/demo.gif dist/demo.mp4 5 comandos
- 01
capture— captura en vivo: graba la sesión, la normaliza en una partitura limpia y un.recfiel. - 02
focus— cambia la vista en vivo a una o dos fuentes (terminal, repo, docs, localhost): pantalla completa, dividida o apilada, compuesta en el demo. - 03
record— re-ejecutademo.tomlde forma limpia, produciendo una grabación humanizada. - 04
export— reproducción pura: renderiza a gif o mp4 sin re-ejecución, con ffmpeg y chromium autoprovisionados. - 05
edit— edita la línea de tiempo de forma interactiva: marca varios pasos y aplica cambios en bloque.
Preguntas frecuentes
- ¿Qué es DemoStage?
- Una herramienta para planificar y grabar demos multi-fuente — terminal, navegador y archivos en una sola escena. No es solo grabación de pantalla: configuras tipografía, aspect ratio, fps y estilo de terminal. El resultado está optimizado para web.
- ¿Puedo re-grabar una demo si algo cambia?
- Sí. `demostage capture` graba eventos, no video. Si la UX cambia, vuelves a capturar y la demo se actualiza de forma determinista — sin necesidad de re-grabar todo manualmente.
- ¿En qué se diferencia DemoStage de asciinema?
- asciinema graba la salida cruda del terminal. DemoStage graba eventos, soporta múltiples fuentes (terminal + navegador + archivos), normaliza imperfecciones y compila a gif/mp4. El fuente es un archivo TOML versionable.