Ir al contenido principal

Imagina con Claude: Una guía con ejemplos prácticos

Descubre cómo Imagine with Claude, de Anthropic, introduce un nuevo paradigma para el desarrollo de software asistido por IA, generando funcionalidades sobre la marcha.
Actualizado 30 sept 2025  · 8 min de lectura

Anthropic ha lanzado recientemente Claude Sonnet 4.5, que según vosotros es el mejor modelo de codificación del mundo. Junto con ello, Anthropic publicó un avance de investigación titulado «Imagine with Claude», que puede generar software sobre la marcha.

Espera, ¿no son todos los modelos capaces de generar código bajo demanda? Bueno, no como Imagine con Claude, que no comienza con un código base predeterminado. En cambio, con Imagine with Claude, el código se genera en tiempo real mediante el modelo, que imagina lo que debe hacer la aplicación a partir del contexto dado y genera el código que lo lleva a cabo.

En este artículo, exploraré cómo Imagine with Claude podría reinventar la forma en que creamos y prototipamos software a través de cuatro ejemplos.

¿Qué es Imagine with Claude?

Imagine with Claude es una nueva función de vista previa de investigación lanzada por Anthropic junto con Claude Sonnet 4.5.

Disponible exclusivamente para los suscriptores de Claude Max durante un periodo limitado de 5 días, la herramienta muestra las capacidades de generación de software en tiempo real, lo que permite a los usuarios ver cómo Claude crea de forma autónoma aplicaciones personalizadas desde cero.

Gracias a las avanzadas funciones agenticas de Sonnet 4.5, Imagine with Claude combina el razonamiento, el uso de herramientas y la planificación en varios pasos para crear bases de código funcionales, interfaces de usuario e incluso presentaciones en cuestión de horas.

¿Cómo acceder a Imagine with Claude?

Para utilizar Imagine con Claude, puedes ir directamente a la página página Imagine with Claude o hacer clic en el botón «¿Quieres crear a partir de tu imaginación?» situado en la esquina inferior derecha de la interfaz habitual del chat de Claude.

Abrir Claude Imagine desde el chat principal de Claude.

A partir del 30 de septiembre, esta función solo estará disponible para los suscriptores Max durante los próximos cinco días. Así que, si quieres probarlo, date prisa o espera a que salga al mercado. Sin embargo, Anthropic aún no ha confirmado que esta vaya a ser una característica permanente de Claude. Hasta ahora, se trata más bien de una función experimental para mostrar las capacidades del nuevo modelo Claude Sonnet 4.5.

¿Cómo funciona Imagine with Claude?

La interfaz de Claude Imagine es bastante sencilla. Tenemos una entrada rápida donde podemos describir lo que queremos construir. También incluye algunas sugerencias que podemos utilizar si solo queremos probarlo y no se nos ocurren ideas.

Interfaz Claude Imagine.

El resto de la interfaz consiste únicamente en elementos decorativos y divertidos; no aportan ninguna funcionalidad a Imagine with Claude.

Ejemplo 1: Crear un buen canal de noticias

Para empezar, quería probar una de las sugerencias, así que hice clic en la primera: «Crea un canal de noticias para buenas noticias».

Claude Image sugirió indicaciones.

Aquí tienes un vídeo editado del proceso de construcción:

En este ejemplo, vemos que crea un feed con buenas noticias. Las noticias no son clicables; solo podemos ver el titular, el resumen y algunas etiquetas. Aparte de eso, la única funcionalidad es un botón para actualizar el feed, que recupera y muestra un nuevo lote de buenas noticias.

Como habrás podido observar en el vídeo, la ventana de contexto es bastante pequeña para esta vista previa de investigación.

Pantalla que muestra que hemos alcanzado el límite de sesiones.

Ten en cuenta que la aplicación solo está disponible dentro de la interfaz y no se puede publicar. Tampoco podemos ver el código, y si actualizamos la página, se pierde para siempre. Por lo tanto, en esta etapa, Claude Image es realmente solo una función para explorar la idea de utilizar LLM para crear código que se construya a sí mismo.

Ejemplo 2: Creación de un juego sencillo

Para el segundo ejemplo, quería experimentar con algo un poco más interactivo, así que te pedí que «crearas un juego sencillo de exploración de mazmorras».

Probé este ejemplo tres veces desde cero y, en cada ocasión, se produjo el mismo problema. En cuanto moví el reproductor, dejó de ser visible.

Aquí hay un vídeo del último intento:

En el vídeo podemos ver que, después de bajar por primera vez, el jugador desaparece. Después, intenté moverme dos veces hacia la derecha para ver si se recogía la moneda, y así fue. Sin embargo, todas las demás monedas también fueron recogidas al mismo tiempo.

Captura de pantalla del juego generada por Claude Imagine. Muestra al jugador en azul y una moneda situada un espacio más abajo y dos espacios a la derecha.

Después de recoger las monedas, te lo indiqué, diciendo que el jugador no era visible y que había que arreglarlo. Sin embargo, no funcionó. Todo siguió igual. Experimenté lo mismo en mis otros dos intentos.

En general, este ejemplo fue bastante decepcionante.

Ejemplo 3: Creación de una aplicación para gestionar currículos

En este tercer ejemplo, intenté crear una aplicación para gestionar currículos. Utilicé esta indicación:

«Crear un sitio web para gestionar mi CV». Quiero poder añadir toda mi experiencia laboral, habilidades, idiomas, publicaciones y cualquier otra información relevante para un CV. A continuación, dependiendo del puesto de trabajo al que te postules, quiero seleccionar una parte de esta información para crear un CV personalizado.

En mi opinión, este ejemplo funcionó bien en general. Antes de entrar en detalles sobre el proceso de creación, aquí tienes un vídeo sobre el proceso de creación.

La aplicación hace el trabajo que se le pide. Podemos introducir varios tipos de información y luego seleccionar cuáles queremos incluir.

Sin embargo, me encontré con algunos errores. En primer lugar, no había ningún botón para guardar cuando añadí una segunda habilidad.

Captura de pantalla con el botón de guardar desaparecido.

Sin embargo, algo positivo que se desprende de este ejemplo es que quería seleccionar una categoría que no existía y pude añadirla dinámicamente solicitándoselo a Claude Imagine.

Solicitar a Claude Imagine que añada una nueva categoría de habilidades.

Categorías tras la solicitud.

El segundo error era que la exportación a PDF no funcionaba.

Captura de pantalla que muestra un error al exportar el CV como PDF.

A pesar de estos errores, considero que este ejemplo funciona mucho mejor que el otro. De alguna manera, en esta etapa del proceso, solo hemos utilizado el 46 % de los tokens, lo cual es sorprendente si tenemos en cuenta que el ejemplo de las noticias utilizó todos los tokens tan rápidamente.

No sabemos cómo funciona Claude Imagine en segundo plano, pero por este ejemplo parece que lo que vemos se genera sobre la marcha a partir del contexto actual. En mi opinión, esto tiene sus pros y sus contras. Lo bueno es que permite imaginar una nueva vista o funcionalidad desde cero, la primera vez que hacemos clic en un botón.

Sin embargo, parece que una vez que se imagina algo, no se almacena y se vuelve a imaginar cada vez. Incluso la información que introdujimos parece generarse a partir del contexto, lo que podría dar lugar a casos en los que se alucine información que nunca se te proporcionó.

¿Falta de imaginación?

Otra cosa que he notado es que cada vez que utilizo el mismo comando, obtengo resultados muy similares. Por ejemplo, volví a probar el indicador del gestor de CV y esto es lo que obtuve:

Captura de pantalla de la «nueva» interfaz de la aplicación CV Manager.

Esta segunda versión tiene nuevas opciones a la izquierda; por ejemplo, incluye una sección de «Certificaciones». Sin embargo, el resto es igual, incluida la información de cada sección.

Dado que cada sesión con Clause Imagine es solo temporal, parece más adecuado para crear prototipos y experimentar con ideas. Sin embargo, el hecho de que se te ocurra casi siempre la misma idea es bastante limitante.

Ejemplo 4: Creación de un sitio web personal

En los ejemplos anteriores, me pareció que la interfaz de usuario era siempre bastante sencilla, y quería probar un ejemplo en el que la presentación fuera más importante. Para eso, te pedí que crearas un sitio web personal donde pudiera mostrar mis proyectos personales.

En este ejemplo, Imagine with Claude fue más eficaz e implementó los cambios que solicité mediante indicaciones. En concreto, pude:

  1. Permite seleccionar una foto de perfil.
  2. Rediseña la interfaz de usuario.

También había algunos errores, por ejemplo, al hacer clic en el botón «Ver proyectos», no ocurría nada a pesar de que Claude Imagine reconocía que se había pulsado el botón.

Este ejemplo resultó ser interesante en aspectos que no había previsto al principio. Como la página sirve para mostrar mis aplicaciones, había algunos ejemplos de aplicaciones ficticias en el contenido. Estas tenían un botón «Ver demostración», por lo que, al hacer clic en él, Claude Imagine tenía que imaginar esas aplicaciones ficticias y mostrarlas.

Para cada uno de ellos, se planteó un ejemplo realista. Esto me dio una especie de sensación inicial de una aplicación dentro de otra aplicación, dentro de otra aplicación, todo generado sobre la marcha. Me pareció muy divertido jugar con él.

Este ejemplo también confirmó que el código se genera cada vez. Al probar la demo de TaskMaster Pro, la interfaz de usuario de las tareas cambió después de hacer clic en el botón «AI Sort» (Ordenar por IA) y volvió a cambiar cuando cerré y volví a abrir la ventana.

Tarea antes de la clasificación de IA.

Las limitaciones de Imagine con Claude

Creo que las principales limitaciones de la versión preliminar actual de Imagine with Claude son:

  1. Falta de imaginación. Me acerqué a este artículo pensando que Claude Imagine podría ser una gran herramienta para generar ideas para una nueva aplicación. Podríamos generar varias versiones y luego tomar las mejores ideas de cada una de ellas. Sin embargo, descubrí que indicaciones similares conducen a resultados muy similares.
  2. No hay persistencia ni forma de publicar la aplicación. Una vez que actualizamos la página, todo desaparece.
  3. Todavía tiene muchos errores. A menudo no lograba implementar la funcionalidad de un botón ni aplicar cambios basados en una indicación.

La innovadora idea de Imagine con Claude

Lo realmente nuevo en Imagine with Claude es la idea de generar código sobre la marcha determinando lo que debe hacer un botón por sí mismo. Podría ser revolucionario si se integrara con un editor de software.

La forma en que se está desarrollando el software con IA es que los LLM se integran con el editor de código y tienen el contexto del código. A continuación, el desarrollador especifica lo que quiere que cambie la IA mediante un mensaje de texto. Con Imagine with Claude, podríamos saltarnos el paso de las indicaciones. Se podría integrar con el editor, y el programador solo tendría que añadir un botón. A continuación, al hacer clic en él mientras se ejecuta la aplicación localmente, Imagine with Claude puede implementar su funcionalidad.

Esto no dista mucho de lo que muestra la demo de Imagine with Claude. Los únicos pasos que faltan son:

  1. Integrarlo con un código base existente.
  2. Hacer que los cambios sean persistentes. En este momento, parece que la funcionalidad se imagina cada vez, pero lo que necesitamos es que solo se imagine si aún no se ha implementado.

Otra forma en la que Imagine with Claude podría resultar extremadamente útil sería combinándolo con herramientas de diseño como Figma. De esa manera, un diseñador podría diseñar la interfaz de usuario colocando los componentes donde se necesitan, y luego Claude Imagine la ejecutaría e implementaría la funcionalidad detrás de los componentes de la interfaz de usuario.

Conclusión

Imagine with Claude presenta un nuevo y fascinante paradigma para el desarrollo de software asistido por IA, en el que la funcionalidad se implementa de forma dinámica en función del contexto de la aplicación.

Este cambio, que se aleja de las indicaciones explícitas, podría representar el futuro de la programación, ahorrando a los programadores una enorme cantidad de tiempo. La versión actual es más una demostración tecnológica lúdica que una herramienta de desarrollo práctica, y ciertamente no es una razón de peso para suscribirse al plan Max por sí sola, especialmente teniendo en cuenta su carácter temporal y experimental.

A pesar de estas deficiencias, creo en el concepto básico. Este avance de la investigación parece un primer paso para sondear las posibilidades, y estoy realmente emocionado por ver cómo Anthropic perfecciona esta idea revolucionaria en su próxima versión.


François Aubry's photo
Author
François Aubry
LinkedIn
Ingeniero full-stack y fundador de CheapGPT. Enseñar siempre ha sido mi pasión. Desde mis primeros días como estudiante, busqué con entusiasmo oportunidades para dar clases particulares y ayudar a otros estudiantes. Esta pasión me llevó a realizar un doctorado, en el que también trabajé como ayudante de profesor para apoyar mis esfuerzos académicos. Durante esos años, encontré una inmensa satisfacción en el entorno tradicional del aula, fomentando las conexiones y facilitando el aprendizaje. Sin embargo, con la llegada de las plataformas de aprendizaje en línea, reconocí el potencial transformador de la educación digital. De hecho, participé activamente en el desarrollo de una plataforma de este tipo en nuestra universidad. Estoy profundamente comprometida con la integración de los principios de la enseñanza tradicional con metodologías digitales innovadoras. Mi pasión es crear cursos que no sólo sean atractivos e informativos, sino también accesibles para los alumnos en esta era digital.
Temas

¡Aprende IA con estos cursos!

Curso

Introduction to Claude Models

3 h
1.1K
Learn how to work with Claude using the Anthropic API to solve real-world tasks and build AI-powered applications.
Ver detallesRight Arrow
Comienza el curso
Ver másRight Arrow
Relacionado
An AI juggles tasks

blog

Cinco proyectos que puedes crear con modelos de IA generativa (con ejemplos)

Aprende a utilizar modelos de IA generativa para crear un editor de imágenes, un chatbot similar a ChatGPT con pocos recursos y una aplicación clasificadora de aprobación de préstamos y a automatizar interacciones PDF y un asistente de voz con GPT.
Abid Ali Awan's photo

Abid Ali Awan

10 min

blog

7 proyectos de IA para todos los niveles

Desarrolla tu portafolio y mejora tus habilidades para crear soluciones innovadoras a problemas complejos trabajando en proyectos de IA.
Abid Ali Awan's photo

Abid Ali Awan

8 min

Tutorial

Primeros pasos con Claude 3 y la API de Claude 3

Conozca los modelos Claude 3, las pruebas de rendimiento detalladas y cómo acceder a ellas. Además, descubra la nueva API Python de Claude 3 para generar texto, acceder a funciones de visión y streaming.
Abid Ali Awan's photo

Abid Ali Awan

Tutorial

Guía para principiantes de la API de OpenAI: Tutorial práctico y prácticas recomendadas

Este tutorial te presenta la API de OpenAI, sus casos de uso, un enfoque práctico para utilizar la API y todas las prácticas recomendadas que debes seguir.
Arunn Thevapalan's photo

Arunn Thevapalan

Tutorial

Tutorial de la API de OpenAI Assistants

Una visión completa de la API Assistants con nuestro artículo, que ofrece una mirada en profundidad a sus características, usos en la industria, guía de configuración y las mejores prácticas para maximizar su potencial en diversas aplicaciones empresariales.
Zoumana Keita 's photo

Zoumana Keita

Tutorial

IA explicable - Comprender y confiar en los modelos de aprendizaje automático

Sumérjase en la IA explicable (XAI) y aprenda a generar confianza en los sistemas de IA con LIME y SHAP para la interpretabilidad de modelos. Comprender la importancia de la transparencia y la equidad en las decisiones basadas en la IA.
Zoumana Keita 's photo

Zoumana Keita

Ver másVer más