Generar sola una biblioteca de vídeos de ayuda para tu app

A quién le sirve. Quien tiene una app o un servicio online y quiere ofrecer vídeos de ayuda sin grabarlos a mano cada vez que cambia una pantalla.

Qué hicieron

El autor copió esta instrucción exacta en un agente de Replit: añadir un modo ?demo=1 con datos falsos precargados y sin escribir en la base de datos; definir cada vídeo en el código como escenas con ruta, guion de narración y movimientos de cursor programados; grabar la app con Playwright mientras una voz sintética narra; usar ffmpeg para añadir subtítulos y unir las escenas; y entregar un MP4, la transcripción y un manifest.json. Al agente se le dijo que hiciera las construcciones reanudables, revisara cada vídeo fotograma a fotograma, permitiera buscar en las transcripciones y que la página fuera accesible solo con teclado.

Cómo salió

La fuente no cuenta el resultado.

Qué necesitas

• Tu app, en un proyecto de Replit
• Una cuenta de Replit con acceso al agente (según el uso, puede hacer falta un plan de pago)
• Una lista de las funciones o recorridos que quieres explicar
• Datos de ejemplo inventados para la demostración, que el propio agente puede generar
• Tiempo para ver y corregir cada vídeo

Cómo hacerlo tú, paso a paso

1. Haz una lista de las funciones o recorridos que quieres explicar en vídeo.
2. Pide al agente un modo de demostración (?demo=1) con datos falsos ya cargados que no escriba nada en tu base de datos.
3. Pide que defina cada vídeo en el código como una serie de escenas: la pantalla que se muestra, el texto que se narra y los movimientos del cursor.
4. Pide que grabe la app con Playwright (una herramienta que maneja un navegador) mientras una voz sintética narra.
5. Pide que con ffmpeg (un programa de edición de vídeo) añada subtítulos, una las escenas y entregue un MP4, la transcripción y un archivo manifest.json.
6. Pide que la página /help permita buscar en las transcripciones y que se pueda usar solo con teclado.
7. Pide que revise cada vídeo fotograma a fotograma y que el proceso se pueda reanudar si se corta. Mira un ejemplo antes de generar el resto.

Añade a mi app [nombre o dirección de la app] una página /help que genere automáticamente vídeos tutoriales cortos de [lista de funciones o recorridos]. Para cada uno, escribe un guion por escenas, graba los pasos con Playwright, añade una narración con voz sintética y une el vídeo con ffmpeg. Termina con una biblioteca de los vídeos en la que se pueda buscar, dentro de la página. Enséñame un ejemplo funcionando antes de generar el resto.

Consejos

• Pide primero un solo vídeo. Si algo falla, lo corriges antes de generar toda la biblioteca.
• Graba siempre en el modo demo con datos falsos. Así nunca salen datos reales de clientes en un vídeo.
• Cuando cambies una pantalla de tu app, tendrás que regenerar el vídeo correspondiente. Que el guion esté en el código lo hace más fácil.

Preguntas frecuentes

Fuentes

• @NIftek en X ↗

En el directorio desde el 13 de octubre de 2026.