UniverLab · laboratorio abiertoEXP-007
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, mp4 o un svg animado: versionado, re-ejecutable y comparable.
demos de terminal → una partitura de eventos → demos que se vuelven a correr
curl -fsSL https://install.univerlab.org/demostage | shirm https://install.univerlab.org/demostage.ps1 | iex
EXP-007 · activo · · versión v0.4.0 · hace 3 semanas · roadmap: · · Construido con Canopy · Repositorio configurado con ghScaff · Demo grabada con DemoStage · Commits revisados por GitKit
Fondo: Eadweard Muybridge, The Horse in Motion, 1878 (dominio público).
Nació construyendo esta misma página.
Al construir esta landing, cada experimento necesitaba un demo — y cada herramienta (asciinema, vhs, OBS, grabar a mano) dejaba algo por fuera: el ritmo, el encuadre, la legibilidad. 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.
- 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, mp4 o svg animado 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 o svg animado. El fuente es un archivo TOML versionable.