Puedes automatizar tutoriales de productos con precisión a nivel de píxel usando un agente en la nube que tiene su propia computadora y se graba a sí mismo usando tu app tal como lo haría una persona (como Devin). Técnicamente, esto ya era posible desde hace un tiempo, pero con Opus 5.5 los resultados mejoraron tanto que superan lo que yo mismo puedo hacer a mano.
Llevo más de 10 años creando este tipo de tutoriales, así que no lo digo a la ligera. Es especialmente útil para esos tutoriales básicos pero importantes que no necesitan que alguien aparezca hablando a cámara. Y es 100 veces más fácil y rápido.
En resumen:
Tu agente en la nube ya tiene su propia computadora. Dale una cuenta en tu sistema con todo configurado, acceso a tu documentación, una guía de estilo y cualquier otro recurso que necesite.
Después, pídele que cree los tutoriales por ti, igual que lo harías con una persona.
Aquí tienes una captura de mi entorno de trabajo cuando hago esto (la computadora en la nube iniciada a la derecha y el prompt a la izquierda):
Esto funciona increíblemente bien en Devin, que tiene máquinas nativas de macOS, Linux y Windows en la nube, así que puede ejecutar prácticamente cualquier cosa: apps web, apps nativas de iOS, iPad y macOS, apps de Windows y apps de Android.
También puede descargar cualquier app, iniciar sesión en cualquier aplicación o servicio, acceder de forma segura a las credenciales y usar cualquier herramienta que usaría una persona.
Así que puedes crear exactamente estos mismos tutoriales para tu app de iPhone, tu app de Android, etc...
Una vez que tienes un buen flujo de trabajo, puedes crear estas demos para literalmente todas las funciones que quieras y en paralelo, ya que los agentes en la nube pueden levantar cientos o incluso miles de sus propias computadoras al mismo tiempo.
Puedes automatizar el proceso para que, cada vez que se publique un nuevo changelog, se dispare la creación de los videos de forma simultánea.
De hecho, ¡Devin también hizo un tutorial para mostrarte cómo hacerlo con Devin!
Pruebas y verificación
Todo esto se basa en algo que Devin ya hace todos los días: probar aplicaciones de principio a fin, ejecutar todo y grabar un video del proceso completo, con anotaciones en pantalla que resaltan dónde hace clic y qué escribe.
Como solo es una computadora, nada está simulado. Instala la app, inicia sesión y la usa de verdad.
Un tutorial es básicamente esa misma ejecución, pero sumándole una guía de estilo, así que ya sabes que funciona antes de publicarlo.
¡Aquí tienes un tutorial creado por Devin que muestra cómo funciona esto!
Mejor en casi todo
El software avanza rapidísimo; es casi imposible mantener los tutoriales en video actualizados sin contratar a un ejército de creadores de contenido.
Todas las empresas de software en las que he trabajado que tienen documentación pública han fracasado al intentar escalar esto. Mantener este tipo de videos siempre ha sido un desafío (o directamente imposible).
Cuando una persona crea estos videos, el proceso es súper tedioso. Hay tantísimos detalles mínimos que cuidar que resulta muy difícil ser consistente.
Las computadoras son extremadamente buenas siendo consistentes.
Pueden mantener programáticamente cada fotograma uniforme, difuminar la información que no quieres que se vea, definir bordes, tamaños de fuente y márgenes... en fin, prácticamente cualquier cosa.
Parece que llegamos al punto de inflexión donde ya no siento que los tutoriales hechos por humanos de este tipo sean mejores, o quizás debería decir que objetivamente son peores.
Otro ejemplo:
El prompt
Aquí está el prompt: https://gist.github.com/dabit3/5d3969b61db56dc150c161b46350584a
Vale la pena mencionar que este es el peor resultado que vas a obtener.
Apenas iteré sobre este prompt o flujo de trabajo, y creo que con un poquito más de esfuerzo podrías conseguir resultados indistinguibles de un tutorial pulido y producido profesionalmente.
Videos de lanzamiento y otras cosas
Obviamente, puedes aplicar esta misma técnica a cualquier cosa, y lo más evidente son los videos de lanzamiento. Aquí te dejo un par de cosas que logré con técnicas similares.
La mayoría mantiene la identidad visual de nuestra marca, pero con un toque creativo:
Y estos se fueron un poco por las ramas, pero aun así quedaron bastante geniales:
