¿CON QUÉ IA?

Caso de usoProgramación

Crear un juego web de nombres y caras a partir de una hoja de cálculo

Scott Wu dio a Devin una lista de ponentes con fotos y obtuvo en minutos una web de preguntas con contador de rachas.

ParaprogramarConDevinLo contó ai.engineerDificultad media

A quién le sirve. Organizadores de eventos, equipos y colegios que quieren un juego para poner nombre a las caras de un grupo; es un caso de programación, pero el encargo es sencillo y se hace en lenguaje normal.

Qué hicieron

Esa mañana, Scott Wu entregó a Devin un archivo TSV (una tabla de texto) con los nombres y las fotos de los ponentes de World's Fair y le describió el juego: dos caras al azar, un nombre, y hay que elegir la correcta. Devin planificó, creó una aplicación en React, leyó el archivo y publicó una primera versión tras unos minutos. Wu le dio entonces indicaciones en lenguaje normal: ocultar las etiquetas hasta responder, cambiar el estilo del botón de volver a jugar y añadir un contador de rachas. Devin construyó también la web del código QR.

Cómo salió

La web final funcionaba, con un contador de rachas que se reinicia con una respuesta equivocada y unos 170 ponentes. La primera versión mostraba los nombres bajo las fotos, lo que delataba la respuesta, porque Wu no lo había especificado con precisión.

Conviene saber

Cuenta con varias rondas de ajustes. El primer despliegue se acercaba pero no era correcto, y en la charla se le llama un ejemplo de juguete.

Qué necesitas

  • Acceso a Devin, o a un constructor de aplicaciones como Replit Agent
  • Una hoja de cálculo con los nombres y las fotos o los enlaces a las fotos
  • El permiso de las personas para usar su foto
  • Un móvil para probar el juego

Cómo hacerlo tú, paso a paso

  1. Prepara una hoja de cálculo con una columna de nombres y otra con la foto o el enlace a la foto.
  2. Describe el juego con precisión: se muestra una foto, hay varios nombres para elegir y se lleva la cuenta de la puntuación.
  3. Di también qué no debe verse. En el caso, la primera versión mostraba el nombre bajo la foto y delataba la respuesta.
  4. Pide que lo publique y que te enseñe el enlace antes de hacerlo público.
  5. Pide los ajustes en lenguaje normal, como ocultar las etiquetas hasta responder, cambiar el botón de volver a jugar o añadir un contador de rachas.
  6. Pide una página sencilla con un código QR que lleve al juego, para compartirlo en el evento.
  7. Prueba el juego en tu móvil y hazlo público cuando estés conforme.
Pruébalo con Devin
Crea una web de preguntas pensada para el móvil a partir de mi hoja de cálculo en [archivo o enlace], con columnas para [columna de nombre] y [columna de foto]. Muestra una foto, ofrece nombres como opciones de respuesta, lleva la cuenta de la puntuación y deja reintentar. Publícala y crea una página sencilla con un código QR que enlace al juego. Enséñame el enlace en vivo y espera mi aprobación antes de hacerlo público. Habrás terminado cuando el juego y el QR funcionen.

Consejos

  • Sé muy preciso en el primer encargo. Lo que no especificas, lo decide el agente.
  • Cuenta con varias rondas de ajustes. El primer despliegue se acercaba, pero no era correcto.
  • Pide permiso a las personas que salen en las fotos antes de publicar el juego.

Preguntas frecuentes

¿Para qué sirve en un negocio?

Para eventos, equipos nuevos o formación, donde conviene que la gente se reconozca. Es un ejemplo sencillo y se adapta, por ejemplo, para aprender productos.

¿Hace falta saber programar?

No. En el caso se le dieron las indicaciones en lenguaje normal.

Fuentes

En el directorio desde el 3 de octubre de 2026.

Parecidos

  1. Conectar un servicio externo pidiendo el trabajo a Devin

    Un programador pidió a Devin por Slack una integración con un servicio externo y lo revisó como si fuera el trabajo de un junior.Caso@prpatel05 en DEVDevinDificultad avanzada
  2. Crear una página de ofertas por pasos con Devin

    Una ingeniera encargó a Devin una página de ofertas dividida en sesiones; gastó sus 150 unidades de uso en menos de una semana.Casoqubika.comDevinDificultad avanzada
  3. Crear una web de WordPress desde un diseño de Figma en una noche

    Un desarrollador dio a Devin acceso a un archivo de Figma y el agente construyó de noche la web de WordPress con gestión de contenidos.Caso@bnistordev en XDevinDificultad avanzada
  4. Crear y publicar una web del juego de la vida con Devin

    En una demostración de lanzamiento del fabricante, Devin creó una web interactiva del juego de la vida, le añadió funciones una a una y la publicó en Netlify.Casocognition.comDevinDificultad media
  5. Crear y publicar una app con Devin en un fin de semana

    El autor hizo que Devin construyera y publicara una app: rápido con los comentarios de revisión, flojo con proyectos antiguos y caro con peticiones amplias.Caso@sambhavgaur_70582 en MediumDevinDificultad media
  6. Crear y probar un proyecto sencillo de API con Devin

    Un analista pidió a Devin un proyecto de API sencillo: escribió el código, probó los puntos de acceso y añadió gestión de errores en unos 4 minutos.Casoaimadetools.comDevinDificultad avanzada

Más: todo con Devin · todo sobre programación

Cada lunes, lo nuevo en tu correo

Lo que ha salido esa semana, las skills que más suben y tres casos que puedes copiar.

Un correo a la semana. Te das de baja con un clic.