En esta lección vamos a explorar el tercer y último artefacto, y por fin ejecutaremos la aplicación en nuestro navegador.
El Informe de Recorrido (Walkthrough): Tu control de calidad
El Informe de Recorrido es el artefacto que aparece al final de una tarea importante. Piénsalo como el informe de «Control de Calidad» (QA) que te entrega tu empleado de IA.
En este documento, el agente te dice: «He terminado el trabajo y aquí tienes las pruebas de que funciona». ¿Qué incluye exactamente?
- Capturas de pantalla: Imágenes reales de la interfaz que la IA ha ido tomando durante su fase de prueba.
- Grabaciones de video: Verás un video de la IA interactuando con tu app, haciendo clic en «Me gusta» o descartando películas para verificar que la lógica es correcta.
- Resultados de verificación: Un desglose detallado confirmando que, por ejemplo, al dar «like» a una película, esta aparece correctamente en la lista de seguimiento (Watchlist).
Videotutorial Paso a Paso:
Aquí tienes el video completo donde realizo el proceso en tiempo real para que no te pierdas ningún detalle.
Ejecutando la aplicación
Aunque la IA ya la ha probado, ahora te toca a ti. Para poner en marcha tu app:
- Copia el comando: El agente te proporcionará una línea de código para arrancar el servidor (normalmente en
localhost:3000). - Abre el enlace: Una vez ejecutado, Antigravity te dará un enlace directo para abrir la app en el navegador integrado.
Prueba de usuario: «Vibe Coding» en acción
Al abrir la aplicación, podrás probarla tú mismo:
- Interactúa con las tarjetas de películas (dar «like» o descartar con la «X»).
- Comprueba tu Watchlist para ver si las películas seleccionadas se guardaron correctamente.
- Elimina elementos de la lista para verificar que la gestión de datos funciona.
Nota importante: En este punto, es normal que algunas imágenes o posters no carguen perfectamente, ya que todavía estamos usando datos simulados (mock data). Lo más impresionante es que, con una sola instrucción en lenguaje natural, ya tienes una estructura funcional y lógica de una aplicación compleja.