Cómo una web creada con vibe coding parece hecha por un diseñador
How our vibe coded website looks like a designer made it
Yakko Majuri, fundador de Railcode, usó agentes de IA para diseñar la web de su producto y muchos le preguntaron con qué diseñador había trabajado. En este relato explica su proceso: inspirarse en sitios como Contextual AI o Clay, generar prototipos en HTML, crear playgrounds para ajustar colores y texturas, y pulir cada detalle hasta lograr una estética de parque de atracciones inspirada en Rollercoaster Tycoon.
La idea aquí es abrir mi mente a lo que podría ser posible. La mayoría de las veces es un callejón sin salida.
- fiatpandas
OP, sin querer inventaste el proceso de diseño que enseñan en la escuela de diseño. Oficialmente puedes llamarte diseñador.
1) tener un objetivo funcional de alto nivel
2) inspirarte y pensar en un motivo
3) abrirte dentro de ese motivo y explorar
4) acotar a una sola dirección e iterar
5) afinar los detalles hasta que estés creativamente satisfecho y el diseño cumpla tus objetivos del paso 1.
- ananmays
¡Un diseñador sí que lo hizo! ¡El proceso que seguiste se llama diseño!
- jjcm
Parece que muchos de sus primeros intentos son salidas tempranas de gpt o salidas de diseño de claude, que tienen mucho del mismo tufillo. Sin embargo, la gente está subestimando lo buenos que son hoy los flujos de imagen->html.
Hice que gemini describiera esta página web como prompts, y luego lo metí en un pipeline de imagen -> código. Ten en cuenta que esto es con 0 aporte mío:
https://html.non.io/railcode-animated
Esto es con Opus 5.5 construyéndolo con esfuerzo bajo, y sí, la especificación ya estaba hecha a partir del sitio original, pero de 0 a 1 que no resulte en degradados morados o marrón claude es muy posible ahora.
- quicklywilliam
El mejor consejo aquí: cuando ajustes detalles como colores y fuentes, simplemente pídele a Claude que te haga herramientas de selección desechables directamente en el sitio.
Esto es totalmente obvio en retrospectiva, pero nunca se me ocurrió (probablemente por 25 años de pensar en herramientas en términos de componentes reutilizables).
¡Gracias por escribir!
- chmod775
Respuesta: porque un humano lo diseñó en un proceso iterativo. Los LLM solo escribieron el código.