Cómo va todo?
Esta semana junté a Claude Code y a Magnific para ver hasta dónde llegaban trabajando en equipo… y me quedé loco.
El encargo era claro: quería una web de comida a domicilio, completa, con su catálogo, su carrito y sus fotos.
Y no diseñé ninguna pantalla ni retoqué una sola imagen.
Te cuento el proceso…
Empecé soltando un prompt en Claude Code para que analizara el contenido y la UX de un sitio real de venta de comida, una página diseñada por Fabiana, una compañera de la Comunidad UX fomo.
Con esa información le pedí a Claude Code un nuevo archivo .md pero cambiando el nombre de la empresa por Foodpol y adaptando los platos y los precios a la cocina italiana.
Este markdown fue la base para construir el sitio nuevo.
Después llegó la parte que más me interesaba: las imágenes…
El logo y las fotos de los platos las generó Claude Code con Magnific vía MCP, directamente desde consola, le pasé mi paleta de colores como PNG y dejé que la máquina trabajara.
En mitad del proceso validé primero las 5 imágenes del hero, quería asegurar el estilo antes de lanzar el resto. Con mi “ok” visual, Claude Code y Magnific cocinaron las 76 restantes.
Más de 80 imágenes en pocos minutos… la calidad la tienes que ver en el vídeo de aquí abajo, ya me dirás si el resultado te sorprende como a mí.
Más detalles…
El hero con autoplay y sus transiciones, el grid con tabs de filtrado, los cards con su hover, la modal de cada plato con el stepper, el badge del carrito, los productos sin stock en gris… todo funcionando… Claude Code incluso resolvió bien estados que yo habría tardado un rato en montar a mano.
En el vídeo lo reviso todo en detalle.
Es una primera versión, pero el conjunto funciona muy bien.
Si lo ves, cuéntame qué te parece el resultado. Me interesa tu opinión.
Seguimos.
Comments
Nothing yet. Say the first thing.
Sign in to join the conversation.