Desde hace tiempo que soy fan de Codex, pero nunca había pasado tanto tiempo experimentando con él como en las últimas semanas, en las que he disfrutado programando distintos tipos de app.
La semana pasada mostré como hice una app para calcular probabilidades (equity) en el póker, y ahora hice una app de tier list para ordenar a 42 freestylers chilenos en un ranking de 5 niveles.
La aplicación (que puedes probar aquí: Free Tier Chile) permite escribir un nombre, mover las imágenes entre filas y descargar el resultado como una imagen al finalizar.
Es sumamente simple, pero me parece que funciona muy bien, y lo clave es que la hice completa sin saber de programación, solamente en base a instrucciones escritas que le fui dando primero a ChatGPT y luego a Codex.
Paso a paso: cómo hice mi app de tier list de freestylers chilenos
Para hacer un tier list se necesitan 2 cosas: una serie de imágenes tipo tarjetas o fichas para repartir dentro del ranking, y el ranking.
No voy a entrar en detalles en lo que se refiere a la generación de las imágenes, porque creo que basta con decir que se puede usar el propio ChatGPT (o el generador de imágenes de preferencia) para hacer una serie de imágenes de un mismo estilo y tamaño, idealmente cuadrado.
Teniendo las imágenes, lo mejor es comprimirlas todas juntas en un archivo zip. Esto porque ChatGPT no recibe más de 20 imágenes juntas (al menos hasta la fecha), si se le entregan directamente. Pero comprimidas se le pueden entregar muchas.
Algo importante aquí es partir programando la app en ChatGPT, en la opción Chat, porque la opción Work ocupa créditos de Codex. Estando en la opción Chat no hace falta un prompt muy complejo, porque el concepto de tier list lo tiene perfectamente asimilado.
Por supuesto, lo clave es incluir todos los detalles que distinguirán al tier list que quieran hacer, desde su nombre hasta sus categorías y colores (además de las imágenes de los personajes o elementos para rankear).
Usa Codex para revisar y preparar la publicación
Cuando ya existe una versión funcional creada en ChatGPT, recomiendo descargarla y entregársela a Codex para que la revise y luego empiece a mejorarle todo lo que haga falta.
El movimiento fluido al arrastrar, el buen funcionamiento de los tier, el responsivo para el teléfono, todo ese tipo de cosas se pueden ir afinando con iteraciones dentro de un mismo hilo con Codex. Para esto es ideal el modelo Sol en esfuerzo alto, pero el Terra en esfuerzo alto también es suficiente.
Una vez que se llega la versión definitiva de la app, se le puede pedir al propio Codex que la publique como sitio web, gracias a la nueva función denominada “sites”, mediante la cual OpenAI aloja en su propio servidor tu aplicación, otorgándote la administración y la posibilidad de almacenar datos sobre su uso. Todo dentro del mismo plan de 20 dólares mensuales.
Para llegar al resultado final que se muestra en el video compartido a continuación me tomé no mucho más de una hora (sin contar el tiempo que destiné previamente a generar las imágenes para el tier list). Siempre se puede seguir mejorando, pero me parece que es un muy buen resultado.
Por lo mismo no puedo dejar de maravillarme ante las posibilidades que abre lo que comúnmente se denomina “vibe coding”, que no es otra cosa que programar sin programar. Aunque sigo creyendo que para aplicaciones más complejas el especialista humano sigue siendo necesario, resulta evidente que para cosas más sencillas, pero funcionales, la IA ha roto muchas barreras.
