Visualiza el mecanismo detrás de una explicación: un dibujo interactivo en medio del chat

El vídeo de Anthropic

Anthropic enseña en este vídeo cómo Claude puede ahora mostrar una idea con un dibujo dentro de la conversación.

La tarea

Claude puede crear un elemento visual como parte de su respuesta: un diagrama, un gráfico, algo con lo que se pueda jugar, construido para la pregunta que has hecho y entrelazado con la explicación. Arrastras cosas, pulsas lo que todavía no te queda claro y Claude construye el siguiente dibujo en respuesta. Se activa solo cuando un elemento visual ayudaría, y también puedes pedirlo directamente. En lugar de un artifact completo, el dibujo aparece donde habría estado el texto, y la conversación sigue.

En el original, un estudiante sabe que un planeta acelera cuando se acerca al sol, pero no entiende por qué. Claude construye un intercambio animado que se puede ejecutar, con botones para profundizar en lo que no esté claro.

Estoy aprendiendo [mecánica orbital] y entiendo que [el planeta acelera cuando está cerca del sol y frena cuando está lejos]. Pero no entiendo por qué existe ese intercambio: ¿por qué no puede ir rápido todo el tiempo? Ayúdame a entenderlo con una visualización interactiva, dinámica y bien trabajada.

Dale contexto a Claude

No hace falta subir nada: la petición lo lleva todo. Decir lo que ya entiendes le dice a Claude por dónde no empezar, y nombrar lo que no te queda claro le dice sobre qué construir.

Lo que te deja: tres vistas del mismo mecanismo

Claude construye tres vistas enlazadas del mismo mecanismo y las une a un solo control deslizante: el intercambio se ejecuta en las tres a la vez. El control te da la variable. Lo arrastras y la respuesta a «por qué no puede ir rápido siempre» se muestra sola: una barra de energía fija el total, de modo que la velocidad y la distancia se compensan entre sí.

El dibujo es interactivo y lo genera Claude en tu conversación. Esto es el texto que lo rodea, en un ejemplo inventado:

Para seguir la conversación

Pulsa un botón del dibujo para profundizar

Los botones de la parte inferior envían preguntas de seguimiento: pulsas uno y aparece un segundo dibujo debajo, construido en torno a esa pregunta más concreta. El primero se queda: te mueves entre ellos.

Explica la conservación del momento angular en las órbitas: ¿por qué el planeta recorre áreas iguales en tiempos iguales?

Pide que lo vuelva a dibujar con un cambio

Nombra un cambio y Claude lo vuelve a dibujar: los mismos tres paneles con otra entrada, para que veas qué se mantiene y qué cambia.

¿Funcionaría este mismo intercambio entre velocidad y distancia para un cometa con una órbita muy alargada? Reconstruye la visualización con esa órbita y muéstrame qué cambia.

Convierte la explicación en un cuestionario

Claude construye un cuestionario con los mismos tres paneles: te pregunta qué ocurre en distintos puntos, respondes y te dice qué has acertado.

Ponme a prueba con lo que enseña esta animación. Pregúntame qué ocurre en distintos puntos de la órbita y dime si he entendido bien el intercambio.

Trucos, consejos y solución de problemas

Cómo redactas la petición determina lo que obtienes. Palabras como «interactivo», «déjame ajustarlo» o «algo con lo que pueda jugar» orientan a Claude hacia controles deslizantes y mandos; una descripción más simple suele dar una imagen fija. El ejemplo usa «visualización interactiva, dinámica», y esa redacción es la que consigue un mecanismo que se puede ejecutar. Si el resultado se ve apretado, pedirle que limpie el formato suele arreglarlo en el siguiente turno.

Dile a Claude lo que ya entiendes. Contar lo que ya sabes le indica qué omitir, y más del dibujo se centra en la parte que no está clara. Una línea basta: el estudiante del ejemplo ya sabe que el planeta acelera; lo que quiere es el porqué, y eso es lo que se anima.

Qué hacer con el dibujo después. Pasa el cursor por encima para ver las opciones. Copiar como imagen lo lleva a tus apuntes junto al concepto. Guardar como Artifact conserva la versión interactiva por si quieres volver a abrir los controles. O pide a Claude que redacte lo que quedó claro, y tendrás un párrafo para editar.

Pruébalo con lo tuyo

Pruébalo con cualquier concepto que no termine de quedar claro: di dónde te atascas y deja que Claude construya algo para observar. Funciona en Claude, en la web y en el escritorio.

En un centro de formación de aquí, así se usa

En una academia o un centro de formación, los conceptos con partes que se mueven son los que más cuestan: una conjugación con sus tiempos, el interés compuesto cuando cambian el plazo y el tipo, un asiento contable que tiene que cuadrar. Un párrafo no los muestra; un dibujo en el que el alumno mueve una variable, sí.

Lo que más mejora el resultado es decir qué parte del concepto no entiende el alumno y qué variable debería poder mover. Y, antes de usarlo en clase, pedir a Claude que enumere las relaciones en las que se basa el dibujo para que las compruebes tú.

Soy profesor en [un centro de formación] de [ciudad] y mis alumnos de [grado medio de administración] entienden qué es el interés compuesto, pero no por qué un plazo largo pesa tanto más que un tipo algo mayor. Hazme una visualización interactiva con un control para el plazo y otro para el tipo, que muestre cómo crece el capital y qué parte es interés sobre interés. Al final, enumera las fórmulas y los supuestos en los que se basa, para que yo los compruebe antes de usarla en clase.

Decides tú qué se enseña y si el dibujo es correcto. Claude construye la visualización; el profesor la prueba, comprueba las fórmulas que usa y decide si se usa en clase. Los datos del ejemplo de esta página son inventados.