¿CON QUÉ IA?

Caso de usoProgramación

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.

ParaprogramarConDevinLo contó cognition.comDificultad media

A quién le sirve. Quien quiere ver cómo un agente de programación construye, mejora y publica una web sin ayuda, con una tarea pequeña de prueba.

Qué hicieron

La entrada del blog describe una demostración en vídeo. Devin trabaja en un entorno aislado con terminal, editor de código y navegador. Construyó una web interactiva del juego de la vida (una simulación clásica de celdas que viven y mueren), añadió una a una las funciones que pedía el usuario y por último la publicó en Netlify. Devin va informando de su avance y admite comentarios del usuario.

Qué necesitas

  • Acceso a Devin, el agente de programación de Cognition (plan de pago)
  • Una cuenta en Netlify u otro alojamiento web, para publicar
  • Una lista de funciones que quieres, en orden de importancia
  • Un navegador para comprobar el resultado

Cómo hacerlo tú, paso a paso

  1. Elige qué simulación quieres. El juego de la vida es una simulación clásica de celdas que viven o mueren según unas reglas sencillas.
  2. Escribe una lista de las funciones que quieres, en orden. Por ejemplo, iniciar y pausar, dibujar celdas con el ratón o cambiar la velocidad.
  3. Pide a Devin que construya la web y que añada las funciones de una en una, comprobando que cada una funciona antes de pasar a la siguiente.
  4. Sigue su avance. Devin informa de lo que hace y admite comentarios tuyos mientras trabaja.
  5. Cuando todas las funciones estén, pide que la publique en Netlify y que te pregunte antes de hacerlo.
  6. Abre el enlace y prueba la web en el ordenador y en el móvil.
Pruébalo con Devin
Crea una web interactiva de [una simulación, por ejemplo el juego de la vida de Conway] y añade estas funciones de una en una: [función 1, función 2, función 3]. Comprueba que cada una funciona antes de pasar a la siguiente. Habrás terminado cuando la hayas publicado en [Netlify u otro alojamiento] y me des el enlace. Párate antes de publicar para que yo lo apruebe.

Consejos

  • Es una demostración del propio fabricante y no se cuentan sus resultados. Haz primero una prueba pequeña antes de encargarle algo importante.
  • Pide las funciones de una en una, como en el caso. Así sabes qué cambio rompe algo.
  • Vigila el consumo de tu plan mientras trabaja.

Preguntas frecuentes

¿Puedo hacerlo con otra herramienta?

Sí, Replit Agent, Cursor o Claude Code hacen cosas parecidas. Elige según lo cómodo que estés con el código y con lo que quieras pagar.

¿Qué ventaja tiene que trabaje en un entorno aislado?

Devin trabaja en un entorno aparte, con su propia terminal, editor y navegador, así que lo que hace no ocurre directamente en tu ordenador. Eso lo hace más cómodo para probar.

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 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.Casoai.engineerDevin2 fuentesDificultad media
  4. 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
  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.