Imagine with Claude: del vibe coding al live coding
Anthropic acaba de lanzar un experimento que cambia cómo pensamos en desarrollo de software. Te muestro qué es y qué significa para vibe coders.
👋 ¡Hola viber!
¿Cómo ha ido septiembre?
Tienes que disculparme…
Cuando empecé esta movida de la newsletter prometí hacer una publicación cada semana, pero las cosas cambian.
Así que… La newsletter saldrá cada dos semanas 🙏
Soy fan de apuntarme a cualquier sarao pero, desafortunadamente, el día sigue teniendo 24 horas 😅
Actualmente, estoy creando contenido para la newsletter (LinkedIn y Substack), para el canal de YouTube y, de manera prioritaria, para la comunidad privada de vibecodinghacks.es
Por otro lado, me están invitando a eventos para ir a hablar sobre vibe coding y varias personas me han pedido mentorías 1:1 para que les ayude o oriente con sus proyectos.
¡Ojo! No es una queja eh, es solo para ponerte en situación. Me encanta poder aportar 🤗
Bueno, basta de lamentaciones, ¡vamos al lío!
Hace unos días Anthropic lanzó algo que me dejó flipando: Imagine with Claude.
No es una herramienta de producción. Es un experimento. Pero es el tipo de experimento que te hace replantearte cómo vas a construir software en los próximos años.
Y por eso te escribo hoy.
¿Qué es Imagine with Claude?
Es un escritorio virtual donde Claude genera código mientras interactúas con él.
No es “pídeselo y te lo genera”. Es “úsalo y se construye solo”.
Cuando accedes ves un escritorio con lo básico: papelera, post-its, una barra de chat.
Imagine with Claude es gratuito y experimental: claude.ai/imagine
He grabado demo de 7 minutos mostrando cómo funciona:
Cuando lo pruebes, fíjate en cómo tu forma de interactuar con la app influye en cómo Claude la construye.
Por ejemplo, puedes pedirle:
“Hazme una landing page para un restaurante de perritos calientes”
Claude te genera la landing. Hasta aquí, normal.
Pero entonces haces clic en “Ver Menú” y Claude genera el código del menú al vuelo. Sin que se lo pidas explícitamente. Sin prompt adicional. Detecta tu interacción y construye lo que necesitas en ese momento.
Haces clic en “Hacer pedido” y genera el formulario de pedido. Con validaciones. Con estilos coherentes. Todo dinámico.
Nada está pre-hecho. Todo se genera según cómo uses la aplicación.
Por eso lo he llamado live coding. No es construcción por prompts, es construcción por interacción.
La diferencia fundamental, es que en el vibe coding tradicional:
Defines qué quieres (PRD conversacional)
Generas código con prompts específicos
Revisas resultado
Iteras con más prompts
Ajustas hasta que funciona
Lo que creo que podremos hacer con live coding (Imagine):
Defines idea general
Empiezas a usar la app (aunque no exista aún)
Claude genera código según tus clicks
La app emerge de tu interacción
El resultado final es producto de cómo la usaste
Es como la diferencia entre describir cómo quieres que sea tu casa vs. caminar por tu casa mientras todo se construye a tu alrededor.
¿Esto reemplaza el PRD conversacional?
No. Lo complementa de forma brutal.
El PRD conversacional sigue siendo crítico porque define qué problema resuelves y para quién. Imagine no reemplaza esa planificación estratégica.
Lo que cambia es el nivel de detalle técnico que necesitas definir previamente.
Antes: “Quiero una app de biblioteca personal. Debe tener:
Formulario de agregar libro con campos: título, autor, ISBN, portada
Vista de lista con grid de portadas
Filtros por género, autor, leído/no leído
Vista de detalle con botón editar/eliminar
Sistema de búsqueda con autocompletado”
Con Imagine: “Quiero una app donde pueda registrar mis libros y ver qué están leyendo mis amigos”
Y luego, al interactuar:
Haces clic en “Agregar libro” → Claude genera formulario
Intentas buscar → Claude añade buscador
Compartes con amigo → Claude crea un sistema de compartir
La app se construye según cómo intentas usarla, no según cómo la describes.
Las limitaciones actuales (importantes)
Imagine es un experimento. Tiene restricciones críticas:
❌ Sin persistencia: Al refrescar la página, todo se borra
❌ Sin base de datos real: Los datos son temporales
❌ Sin deployment: No puedes publicarlo
❌ Sin export a GitHub: El código no sale de ahí
❌ Sin integraciones: No conecta con Supabase, Stripe, etc.
¿Entonces para qué sirve?
Para algo que antes era imposible: validar ideas interactuando directamente con ellas.
Los casos de uso que se me ocurren, creo que son MUY interesantes:
1. Discovery de producto
Tienes idea vaga tipo: “app para gestionar hábitos”
En lugar de escribir 20 prompts definiendo cada pantalla, empiezas a usar la app que no existe:
Intentas añadir hábito → aparece un formulario
Quieres ver progreso → se genera un gráfico
Buscas streaks → sistema de rachas emerge
Al terminar de “usar” tu idea, tienes un prototipo funcional que refleja exactamente cómo pensaste usarla.
2. Testing de UX con usuarios reales
Esto me parece brutal para diseño de producto.
Creas un prompt inicial básico: “App de reservas de restaurantes”
Compartes el link con un usuario de prueba. Le dices: “úsala como si fuera real”
Mientras interactúa, grabas pantalla y observas:
¿A qué botones hace clic primero?
¿Qué flujos intenta seguir?
¿Dónde se confunde?
¿Qué funcionalidades busca que no existen aún?
Claude genera código según sus acciones. Tú ves en tiempo real qué construiría un usuario si pudiera.
Es como hacer user testing del producto sin tener que desarrollar el producto y poder ver la intención de la gente al usarlo sin más contexto.
3. Refinamiento pre-desarrollo
Tienes el PRD completo pero dudas sobre flujos específicos.
En lugar de construir en Lovable y luego cambiar, pruebas primero en Imagine:
¿El onboarding debería ser de 3 pasos o 5?
¿Dónde poner el botón de compartir?
¿Cómo organizar el dashboard?
Pruebas diferentes versiones interactuando en lugar de describiéndolas. Cuando tienes claro qué funciona, llevas esas decisiones a tu herramienta de producción.
¿Cómo me imagino el workflow del futuro?
Para decirlo de manera concisa: combinando ambos enfoques.
Fase 1: PRD conversacional (Claude/ChatGPT)
Define el problema y la audiencia
Clarifica la propuesta de valor
Establece funcionalidades core
Identifica el stack técnico necesario
Fase 2: Discovery interactivo (Imagine)
Explora flujos de usuario probándolos
Valida decisiones de UX en vivo
Descubre funcionalidades emergentes
Refina comprensión del producto
Fase 3: Construcción real (Lovable/Cursor)
Construyes con base en aprendizajes previos
Iteras con contexto claro de qué funciona
Menos cambios drásticos porque ya probaste ideas
Resultado: Productos mejor pensados, construidos más rápido, con menos iteraciones desperdiciadas.
Esto es tan nuevo que ni Anthropic sabe exactamente qué habilita. Por eso quiero tu opinión:
1. ¿Cambiaría tu proceso de validación?
Hoy probablemente haces: idea → mockups → feedback → construcción
¿Pasarías a: idea → Imagine → feedback en app funcional → construcción?
2. ¿Qué herramientas combinarías?
¿Imagine para UX + Lovable para producción? ¿Imagine para clientes + Cursor para desarrollo? ¿Algo más?
3. ¿Qué necesitaría Imagine para ser útil en producción?
Si pudieras añadirle una funcionalidad, ¿cuál sería?
Export a GitHub
Conexión con bases de datos reales
Modo “congelar” para deployment
Integraciones con otros servicios
4. ¿Lo usarías para enseñar vibe coding?
¿Es mejor aprender interactuando que escribiendo prompts?
Mi conclusión (por ahora) es que el live coding no reemplaza el vibe coding. Lo expande.
El PRD conversacional sigue siendo fundamental. Pero ahora tienes una fase intermedia brutal: probar tu idea interactuando con ella antes de construirla definitivamente.
¿Imagine será la herramienta definitiva? Quien sabe, de momento es solo un experimento.
Pero la dirección que marca es muy clara: el futuro del desarrollo no es solo conversar con IAs sobre qué construir, sino co-crear con ellas en tiempo real mientras usas lo que construyen.
Y hasta aquí la newsletter. Espero que te haya gustado 😄
¿Has probado Imagine? ¿Qué construiste?
Si te ha quedado alguna duda o te gustaría que hablase de algo en concreto sobre vibe coding, ¡escríbeme sin miedo!
¡Que tengas una buena semana!
Pol Marzà
VIBECODING HACKS