Claude Artifacts: miniapps dentro del chat

Lo leerás en unos 20 minutos. Dentro: un paso a paso con un ejemplo real desde la primera palabra hasta un enlace terminado, diez ideas para quien vende sus propios servicios y una sección sobre el acceso si estás fuera de EE. UU. o la UE. Al final, un checklist con el que montar tu primer artifact esta misma noche.

Sección 01Qué son los artifacts, en palabras sencillas

Imagina un chat normal con una IA. Escribes una pregunta y te responde con texto. Puedes copiar ese texto, pegarlo en algún sitio, pulirlo. Genial para emails, posts, ideas. Pero en cuanto necesitas un objeto vivo que funciona – una calculadora en la que metes números y obtienes un resultado, o un test con botones – el texto en un chat deja de servir.

Ahí entran los artifacts. Un artifact es una ventana aparte, junto al chat, donde Claude monta la cosa terminada entera. A la izquierda hablas, a la derecha ves el resultado al momento: una página que puedes desplazar y clicar, un documento maquetado como si lo hubiera hecho una persona, una hoja de cálculo con fórmulas, un diagrama, una presentación. No una descripción de cómo hacerlo. La cosa misma.

La palabra "artifact" aquí significa sin más "la cosa que habéis hecho juntos". Anthropic, la empresa detrás de Claude, bautizó este modo allá por 2024, y ha crecido mucho desde entonces. Hoy casi cualquier petición en la que el resultado sea algo que usas, y no solo un párrafo de texto, puede convertirse en un artifact.

Lo más importante para quien empieza: no necesitas saber programar. Nada de nada. Explicas la tarea con palabras normales, como se la explicarías a un asistente: "Hazme una calculadora donde alguien elija un paquete de servicio y vea el precio final". Claude escribe todo el código por sí mismo y te muestra un resultado que funciona de inmediato. ¿No te gusta? Dices qué cambiar y lo vuelve a dibujar en el acto.

¿Quién engancha más rápido? Quienes venden sus servicios y su conocimiento y chocan una y otra vez con lo mismo: tienen una idea para una herramienta sencilla pero nunca llegan a ella, porque "eso implica buscar un programador". Un psicólogo quiere un test para sus seguidores. Un coach quiere una calculadora que muestre cuánto pierde un cliente por procrastinar. Un profesor particular quiere un mini entrenador de práctica. Un nutricionista quiere un formulario antes de la primera llamada. Todo esto son artifacts de una tarde.

Sección 02En qué se diferencian de una respuesta normal del chat

La diferencia es más sencilla de lo que parece, y ahí vive todo el valor. Fíjate en tres cosas: el resultado, las ediciones y la reutilización.

El resultado. En un chat normal la IA te da texto. Aunque pidas "escríbeme el código de una calculadora", recibes letras que luego tienes que pegar en algún sitio y ejecutar. Un artifact ejecuta ese código al momento y muestra una página que funciona. Metes números y ves cómo calcula.

Las ediciones. Aquí es donde los artifacts brillan de verdad. No reescribes la tarea desde cero. Dices: "Pon el botón verde", "Añade un campo de teléfono", "Quita la tercera pregunta", "Haz el precio más grande". Claude cambia solo eso y muestra la nueva versión. Las versiones antiguas se guardan y puedes volver atrás si una edición nueva no cuaja.

La reutilización. Una respuesta de chat vive dentro de la conversación. Un artifact se puede publicar para darte un enlace que entregas a clientes, metes en historias, mandas por mensaje. La gente lo abre y lo usa, sin instalar nada. Hay una sección entera sobre esto más abajo.

¿Cuándo se abre un artifact solo? Claude enciende el panel cuando ve que pides algo entero e independiente: una página, un documento de varias secciones, un trozo de código, un diagrama, una hoja de cálculo con cálculos. Si el panel no aparece y lo quieres, basta con decirlo: "Móntalo como artifact". Con eso vale.

Otra ventaja que adoran quienes lo usan: los artifacts no están clavados a una sola conversación. Puedes volver una semana después, reabrir el mismo artifact, pedirle que actualice los números o añada un bloque y obtener una versión fresca. Vive junto a tu chat y siempre lo tienes a mano. Útil para lo que cambia: precios, condiciones de una promo, tu lista de servicios. Lo montas una vez y luego solo lo retocas según pase la vida, en lugar de encargar un rehacer cada vez.

Un apunte rápido sobre los Claude Projects, para que no los mezcles. Los Projects son un espacio de almacenamiento con memoria donde subes tus materiales y la IA los tiene en cuenta de una conversación a la siguiente. Hay un blog con más artículos sobre Claude. Los artifacts van de lo que creas como resultado. Uno no estorba al otro: puedes trabajar dentro de un proyecto y montar allí artifacts a partir de tus archivos subidos.

Sección 03Cómo abrir tu primer artifact

Entraremos por claude.ai – la versión web, nada que descargar. Se abre en el navegador, en el ordenador o en el móvil. Paso a paso, explicado para quien lo hace por primera vez.

Y ya está. Cuatro pasos y estás dentro. A partir de aquí es solo cuestión de qué montar. Vamos a ello.

Sección 0410 ideas para quien vende servicios y cursos

La teoría sin uso se evapora rápido, así que vamos a lo concreto. Aquí tienes diez cosas que puedes montar de verdad como artifacts en una tarde y poner a trabajar de inmediato. Debajo de cada una: a quién le encaja y por qué.

1. Calculadora de precios

Alguien elige un paquete, una cantidad, extras, y ve el precio al instante. Se carga la mitad de las preguntas por mensaje y filtra a la gente para quien es demasiado caro antes de la llamada. Ideal para cualquiera cuyo precio dependa del volumen: diseñadores, editores, abogados, profesores.

2. Un test de diagnóstico para tus seguidores

Una serie de preguntas que termina en un resultado con un tipo y una recomendación. Funciona especialmente bien para psicólogos, coaches, nutricionistas. Alguien hace el test, aprende algo nuevo sobre sí mismo y ya llega templado para hablar contigo.

3. Formulario previo a la llamada

El cliente responde unas cuantas preguntas de antemano y tú llegas a la llamada preparado. Ahorra 15-20 minutos en cada reunión y te hace ver como alguien que trabaja con método.

4. Checklist interactivo

Una lista con casillas que guarda el progreso. Repártelo como lead magnet: "checklist de lanzamiento", "checklist para preparar tu reto". Funciona mejor que la misma lista en PDF, porque de verdad da gusto usarlo.

5. Una calculadora de "lo que te cuesta"

Le muestra al cliente cuánto pierde sin tu servicio. Un coach cuenta el coste de procrastinar, un marketer los ingresos que deja sobre la mesa, un asesor financiero lo que paga de más. Un número en la pantalla convence más que cualquier palabra.

6. Prototipo de landing

Monta una página en 20 minutos para enseñársela a un cliente o probar una idea de oferta antes de encargar el desarrollo. Si lo tuyo son las landings, mira el artículo sobre crear webs sin programador.

7. Generador de documentos

Rellenas un par de campos y obtienes un brief listo, un contrato plantilla o una propuesta con tus datos ya puestos. Lo montas una vez y lo usas durante meses.

8. Planificador o tracker

Un plan de contenido semanal, un tracker de hábitos, un tablero de tareas para un proyecto concreto. Cosas sencillas que quieres a tu medida, cuando los servicios ya hechos siempre se quedan un poco cortos.

9. Un entrenador de práctica

Tarjetas con preguntas, un mini test sobre tu tema, un entrenador de términos. Los profesores y creadores de cursos los regalan como bonus con las clases, y la gente se los queda.

10. Un diagrama o infografía visual

Un embudo, una hoja de ruta, la estructura de tu producto – como imagen que no te da vergüenza meter en una presentación o un post. Claude dibuja diagramas dentro del propio artifact.

Sección 05Ejemplo real: una calculadora de precios en 15 minutos

Basta de teoría, vamos a montar algo real. Cojo una tarea que casi todo el que vende servicios conoce: una calculadora de precios para una web o la bio de un perfil. Iremos todo el camino desde la primera palabra hasta un enlace terminado. Puedes copiar los prompts tal cual y cambiar tus propios servicios.

Paso uno: describe la tarea

Abre el chat y escribe con claridad y detalle. Cuanto más concreto seas, menos ediciones después. Aquí tienes un prompt que funciona.

Monta una calculadora de precios para mis servicios como artifact.
Edito vídeo. El visitante elige:
– tipo de trabajo: reel, vídeo de YouTube, anuncio;
– número de vídeos al mes: de 1 a 30 en un deslizador;
– si quiere subtítulos y corrección de color (casillas).
Precios base: reel 30 $, YouTube 70 $, anuncio 160 $ cada uno.
Los subtítulos suman 8 $ por vídeo, la corrección de color 14 $ por vídeo.
Abajo, muestra el precio mensual total en grande y un botón
"Escríbeme por Telegram" que enlace a t.me/mi_usuario.
Que sea limpio, tema oscuro, con el precio en fuente grande.

Fíjate: no escribí ni una línea de código. Describí la tarea como se la explicaría a un asistente. Cada número y cada regla son míos – Claude no se los inventa.

Paso dos: mira el resultado

En unos segundos el panel se abre a la derecha. Dentro: una calculadora terminada – un desplegable, un deslizador, casillas, un precio grande abajo y un botón. Arrastras el deslizador y el precio se recalcula. Todo funciona al momento.

Paso tres: púlelo con ediciones

A partir de aquí solo dices qué arreglar. Una edición cada vez, para que sea fácil de seguir.

Pon el botón verde y a todo el ancho.
Añade una línea "10% de descuento en pedidos de 10+ vídeos"
y mételo en el total.
Arriba, añade mi logo de texto "Edición by Iván".
Haz la fuente del precio aún más grande.

Claude cambia solo eso y muestra la nueva versión. ¿No te gusta? Puedes volver a la anterior – están todas guardadas. En tres o cuatro rondas de ediciones consigues exactamente lo que querías.

Paso cuatro: publica y copia el enlace

Sobre el artifact hay un botón "Compartir" o "Publicar". Púlsalo y obtén un enlace. Ábrelo en otro navegador para comprobar que funciona para alguien de fuera. Mete ese enlace en la bio de tu perfil, en un post fijado o en los mensajes cuando alguien pregunte por el precio.

El mismo guion sirve para cualquier cosa de la lista de arriba. Solo cambia la descripción del primer prompt. Un test – describe las preguntas y los resultados. Un formulario – enumera los campos. Una landing – describe la oferta y los bloques. La mecánica es una: descríbelo con palabras, mira, arregla, publica.

Un pequeño consejo de la práctica. Antes de entregar una calculadora a clientes, pruébala tú mismo en los valores extremos. Pon cero vídeos, pon el máximo, activa todas las casillas, apágalas todas. A veces un fallo de fórmula se esconde en los límites y no se ve con números normales. ¿Encuentras uno? Dile a Claude exactamente qué salió mal y con qué valores, y lo rastrea y lo arregla. Cinco minutos de eso te ahorran el momento incómodo en que un cliente ve un precio negativo o a cero en un pedido grande.

Sección 06Artifacts con IA dentro

Aquí es donde se pone de verdad interesante, y poca gente lo sabe. Un artifact no tiene por qué limitarse a resolver una fórmula. Puedes incrustarle IA dentro, y entonces la app piensa en lugar de solo sumar números.

La diferencia con un ejemplo. Una calculadora normal funciona con una fórmula rígida: eliges un paquete, obtienes un precio. Ahora imagina un test donde la persona escribe una respuesta con sus propias palabras y la app le responde con sentido. O un generador donde escribes el tema de un post y te devuelve tres opciones listas. O un analizador donde pegas la reseña de un cliente y saca los puntos de dolor principales. Todo esto son artifacts con IA dentro.

Anthropic abrió esto en 2025. Dentro de un artifact, Claude se conecta a la propia IA – no necesitas ninguna clave ni configuración técnica. Solo dices: "Haz que la app se invente su propia respuesta según lo que escriba la persona", y lo hace.

Lo que puedes montar de verdad en este formato para vender servicios:

• Test inteligente. La persona describe su situación con palabras, la app lee la respuesta y da una recomendación personal en lugar de uno de tres resultados enlatados.
• Generador de titulares o posts. Escribes un tema, obtienes opciones listas con tu voz. Cómo fijar la voz lo conté en el artículo sobre escribir prompts.
• Miniconsultor. Responde las preguntas habituales sobre tu servicio según las reglas que fijes. No te sustituye, pero te quita de encima la primera oleada de preguntas repetitivas.
• Revisión de textos. Un cliente pega la descripción de su perfil o su oferta y la app le muestra los puntos débiles. Una gran forma de demostrar experiencia y llevar hacia el trabajo de pago.

Es importante conocer el límite. Una app así vive en un navegador y habla con la IA, pero no guarda datos en un servidor, no envía emails y no escribe a la gente por Telegram por sí sola. Si necesitas un bot que reciba solicitudes y las archive en una hoja de cálculo o responda en un mensajero, eso es un bot o una web completos. Mira los artículos sobre un bot de Telegram sin programador y sobre crear webs y apps. Un artifact es una herramienta rápida y un escaparate, no toda la automatización.

Sección 07Cómo compartir un artifact con clientes

Montar el artifact es la mitad del trabajo. La otra mitad es hacerlo llegar a la gente. Aquí hay unas cuantas jugadas sencillas.

Enlace. El más común. Publicas el artifact, obtienes un enlace y lo metes donde quieras: bio del perfil, post fijado, historias, una respuesta a un mensaje. La persona lo abre en el navegador y lo usa. Nada que descargar.

Actualizaciones. ¿Cambiaste tus precios o añadiste un paquete? Edita el artifact y el mismo enlace abre ahora la nueva versión. No hace falta reenviar nada. Práctico para calculadoras y listas de precios que cambian.

Una copia por cliente. ¿Hiciste un test o una calculadora que funciona? Puedes rehacerlo rápido para un cliente concreto cambiando los colores, el logo y los números. Diez minutos y tienes una versión personal que entregas con gusto como parte de tu servicio.

Un apunte honesto sobre los artifacts con IA dentro. Para que un visitante los use, necesita su propia cuenta de Claude. Para tu audiencia eso puede ser una barrera, sobre todo si está fuera de EE. UU. o la UE, donde entrar requiere una VPN. Así que para un público amplio funcionan mejor los artifacts normales sin IA dentro – calculadoras, tests de botones, checklists. Se abren para cualquiera, al instante. Guarda las apps inteligentes para gente que ya está en el ajo, o para tu propio trabajo.

Sección 08Lo que los artifacts no pueden hacer

Para que no te lleves golpes, aquí va la lista honesta de límites. Los artifacts son potentes, pero tienen bordes, y es mejor conocerlos de antemano.

No guardan datos entre visitantes. Si alguien rellena tu calculadora y se va, esos números no se guardan en ningún sitio. Un artifact no te construye solo una base de datos de leads. Para recopilar datos necesitas un formulario en una web o un bot.

No envían emails ni mensajes. Un botón "Escríbeme por Telegram" solo abre tu chat, y eso está bien. Pero la app en sí no manda un email ni mete a un cliente en un CRM. Eso es trabajo de un bot completo.

No aguantan cargas pesadas. Un artifact es una app ligera en el navegador. Una hoja de cálculo gigante con decenas de miles de filas, o un sistema complejo con cuentas de usuario, no es algo que montes en uno. Para eso hay otras herramientas.

No sustituyen a un diseñador en trabajos complejos. Claude monta una página sencilla y limpia de maravilla. Pero un diseño de marca al pixel con animaciones sigue pidiendo una persona.

Sección 09Cómo usarlo desde fuera de EE. UU. o la UE

Claude no está disponible en todas partes: en algunas regiones el acceso está bloqueado por IP. Tiene solución – vamos punto por punto para que no te atasques al empezar.

Entra en los artifacts con la misma VPN activada que usas para todo Claude. Si el panel empieza a ir lento o deja de cargar, lo primero que hay que comprobar es que la VPN está encendida y en la ubicación correcta. Un paso a paso con todos los detalles está en el blog sobre cómo empezar con Claude.

Sección 106 errores de principiante

He montado más de unas cuantas docenas de artifacts y veo dónde tropieza quien acaba de empezar. Repasa estos para no perder tiempo.

Error 1. Un primer prompt demasiado vago

"Hazme una calculadora" sin detalles obliga a Claude a adivinar, y adivinará algo que no eres tú. Describe los servicios, los precios y las reglas desde el principio. Cuanto más detalle metas, menos rondas de ediciones.

Error 2. Pedir diez ediciones de golpe

Cuando lo sueltas todo en un montón – "cambia el color, añade un campo, reescribe la fórmula, mueve el botón" – es fácil perder de vista qué funcionó y qué no. Edita de una en una para ver siempre el resultado de cada paso.

Error 3. No comprobar el enlace desde fuera

Lo publicaste y lo mandaste enseguida. Y para un invitado se abrió torcido. Comprueba siempre el enlace terminado en otro navegador antes de enseñárselo a clientes.

Error 4. Esperar lo que un artifact no puede hacer

Intentar montar dentro un sistema de captación de leads con base de datos y campañas de email. Ese no es su trabajo. Recuerda la sección de límites y no te estrelles contra el muro.

Error 5. Olvidar el acceso de tu audiencia

Montaste una app inteligente con IA dentro y se la diste a un público amplio que está fuera de EE. UU. o la UE y sin VPN. No podrán usarla. Para repartos masivos, usa artifacts normales sin IA dentro.

Error 6. Montarlo una vez y abandonarlo

Los artifacts son fuertes porque son fáciles de rehacer. Cambiaron los precios, apareció un servicio nuevo – actualízalo en cinco minutos. Una herramienta que vive y cambia rinde durante meses.

Sección 11Checklist: tu primer artifact esta noche

Vamos a ponerlo todo en un plan corto. Repasa los puntos hoy y mañana ya tendrás una herramienta que funciona.

Los artifacts son de esas cosas que no captas con una descripción y captas al instante en la práctica. El primero lleva unos quince minutos, registro incluido. Después mirarás el montón de tareas pequeñas que te rodean con otros ojos: la mitad las puedes cerrar en una tarde, sin encargarle nada a nadie y sin depender de nadie.

Empieza pequeño, con un dolor tuyo. A partir de ahí se construye solo.