¿Qué son los artifacts de Claude? Ejemplos y límites

Pídele a Claude una landing page, una calculadora o un diagrama de flujo y no se limita a escribir código en el chat. Se abre un panel junto a la conversación con el resultado ya funcionando. Ese panel es un artifact, y es lo más parecido a un canvas que tiene Claude. Los artifacts funcionan en todos los planes de Claude, solo pueden hacer lo que un navegador hace por sí solo, y compartir uno por enlace deja tu trabajo en una dirección de Anthropic.

¿Qué es un artifact de Claude?

Un artifact es una ventana propia junto a tu chat que contiene un único trabajo, de cierta entidad y autónomo. En lugar de rebuscar en un muro de código en la conversación, tienes el resultado real en su propio espacio: una página web renderizada en la que puedes hacer clic, un diagrama que puedes leer, un documento que puedes editar. Claude abre un artifact cuando el contenido tiene cierta extensión, unas quince líneas o más. También lo abre cuando el resultado parece algo que vas a editar o reutilizar y no algo que lees una vez y olvidas.

La diferencia importa porque un artifact está vivo. Si pides un cambio, Claude reescribe el propio artifact en lugar de pegar una copia nueva debajo. Todo lo que construyes se queda en una sola ventana que mejora a medida que hablas con ella.

Qué puede poner Claude en un artifact

Claude pone seis tipos de contenido en un artifact: sitios web HTML de una página, componentes React interactivos, fragmentos de código, documentos, imágenes SVG y diagramas. Solo algunos son código. Para qué sirve cada uno:

• Sitios web HTML de una página, que se muestran en directo en el panel para que puedas hacer clic en los enlaces y rellenar formularios mientras iteras.
• Componentes React interactivos, para todo lo que tenga estado: calculadoras, paneles, juegos pequeños, tablas con filtros.
• Fragmentos de código en cualquier lenguaje, con resaltado de sintaxis y listos para copiar en tu editor.
• Documentos en Markdown o texto plano, como borradores, especificaciones e informes.
• Imágenes SVG, gráficos vectoriales que puedes escalar a cualquier tamaño sin que se vean borrosos.
• Diagramas y diagramas de flujo, generados a partir de la descripción del proceso que quieres representar.

Los artifacts funcionan en todos los planes de Claude, los enlaces públicos no

Los artifacts están disponibles en todos los planes de Claude, de Free a Enterprise. Quién puede tener un enlace público depende del plan y de cuándo se creó el artifact, y conectarse con servicios externos exige Pro o superior. Los planes y límites de abajo son a fecha de noviembre de 2026, según el Centro de ayuda de Anthropic.

• Artifacts: Free, Pro, Max, Ultra, Team y Enterprise.
• Ajuste necesario: "Cloud code execution and file creation", en Settings y después Capabilities. En Team y Enterprise, un administrador controla ese interruptor para toda la organización, que es el motivo habitual de que a un compañero le aparezcan los artifacts y a otro no.
• Anyone with the link: Pro, Max y Ultra. En Team y Enterprise, solo si lo permite un propietario.
• Publish, para artifacts antiguos de un chat: Free, Pro, Max y Ultra.
• Servicios externos mediante apps conectadas: Pro y superiores.
• Datos guardados por artifact: 20 MB, solo texto.

Artifacts en directo e historial de versiones

Los artifacts HTML y React se ejecutan de verdad en el panel junto a tu chat: un formulario se envía, un botón responde y un gráfico se redibuja cuando cambias su filtro. No son capturas de código. Un artifact en directo es uno que se ejecuta y no uno que solo muestra código. Construir en un artifact se parece menos a generar código y más a crear software conversando.

Como Claude reescribe el artifact en cada petición, guarda un historial de versiones. Un selector de versiones en la parte superior del panel te permite retroceder por los borradores anteriores, que es la red de seguridad para el momento en que la cuarta revisión queda peor que la segunda. Los artifacts de Markdown añaden un truco más: selecciona un pasaje, haz clic en "Edit with Claude" y describe qué quieres cambiar, y solo se reescribe esa parte.

Ejemplos de artifacts de Claude

La gente construye en artifacts de Claude sitios de una página, calculadoras interactivas, paneles de datos, juegos pequeños para el navegador, diagramas de arquitectura y de procesos, herramientas didácticas y prototipos listos para un cliente. Estos son esos siete, con el aspecto habitual de cada uno:

1. Un sitio de una página para un evento, el lanzamiento de un producto, una boda o un portfolio personal, con estilos e imágenes.
2. Calculadoras interactivas, desde un simulador de hipoteca hasta una herramienta de precios que cambia cuando los clientes mueven los controles deslizantes.
3. Paneles de datos que convierten una hoja de cálculo pegada en tablas ordenables y gráficos.
4. Juegos pequeños para el navegador, una forma popular de probar hasta dónde llega un solo prompt.
5. Diagramas de arquitectura y de procesos para documentación, dibujados a partir de una descripción sencilla del sistema.
6. Cuestionarios, tarjetas de estudio y herramientas didácticas creadas a partir del material que pegas.
7. Prototipos funcionales para enseñar a un cliente antes de que nadie dedique tiempo de ingeniería.

Todos los artifacts de esa lista tienen tres rasgos en común. El resultado es autónomo. Se ejecuta en un navegador. Es más útil como algo que funciona que como código que tienes que montar.

Lo que los artifacts no pueden hacer

Un artifact no puede ejecutar código en el servidor, no puede guardar datos en una base de datos, no puede conectarse con servicios externos salvo por un único camino configurado, no puede superar los 20 MB una vez publicado y no puede estar en un dominio propio. Los cinco límites vienen del mismo sitio. Los artifacts se ejecutan dentro de un sandbox en la infraestructura de Anthropic, y las paredes de ese sandbox definen lo que puedes construir. Conocerlas de antemano te ahorra una tarde intentando hacer algo que nunca iba a funcionar.

• Sin código en el servidor. Todo se ejecuta en el navegador, así que no hay PHP, ni backend en Node, ni ningún proceso de servidor propio.
• Sin base de datos. Los datos no se conservan entre visitas salvo que algo ajeno al artifact los guarde.
• Conexiones externas limitadas. Un artifact no puede llamar libremente a la API que quieras. En los planes Pro y superiores puede llegar a servicios externos mediante MCP, que es un camino configurado que preparas tú y no un acceso abierto a la red.
• Un tope de almacenamiento. Un artifact publicado tiene un máximo de 20 MB, que es mucho para una página y poco para una con mucho contenido multimedia.
• Sin dominio propio. Lo compartas como lo compartas, el artifact vive en una dirección de Anthropic dentro del visor de Anthropic.

Nada de esto es un defecto. Un sandbox que no llega a una base de datos es también un sandbox que no puede filtrar tus datos ni ejecutar el código de otra persona contra tu cuenta. Simplemente significa que un artifact es un gran lugar para construir algo estático y de front-end, y un mal lugar para sostener un negocio.

Compartir y publicar

Los artifacts empiezan siendo privados. Para darle a uno un enlace público, haz clic en Share y pon Who has access en Anyone with the link. Un artifact antiguo creado en un chat antes del 16 de septiembre de 2026 muestra Publish, o Share & copy link en Team y Enterprise. El botón que ves depende de cuándo se creó el artifact, y buscar el que no toca es un motivo habitual para creer que no se puede crear un enlace.

Share, en artifacts nuevos

Haz clic en Share, elige Anyone with the link en Who has access y copia el enlace. La mayoría de los artifacts compartidos así se abren sin cuenta de Claude. Quien no ha iniciado sesión ve el artifact, pero las partes que usan Claude o apps conectadas no le funcionan. En Team y Enterprise, los artifacts se quedan dentro de tu organización salvo que un propietario haya activado External sharing o haya permitido ese artifact. Los artifacts que se conectan con otros sitios web no pueden usar Anyone with the link.

Publish, en artifacts antiguos de un chat

En Free, Pro, Max y Ultra, un artifact antiguo de un chat tiene un botón Publish que lo deja en un enlace público. Cualquiera puede abrirlo y usarlo sin cuenta de Claude, y solo se le pide registrarse para las funciones que usan Claude. Un artifact publicado también se puede insertar en un sitio web con un código de inserción generado, siempre que indiques los dominios autorizados a alojar esa inserción.

Una decisión que no se puede deshacer

Anular la publicación de un artifact antiguo de un chat es permanente. Una vez anulada, no puedes volver a publicar ese mismo artifact, y sus datos almacenados se borran con él. Para recuperar un enlace público tienes que crear un artifact nuevo. Quien quiera partir de tu trabajo puede hacer clic en Copy para obtener su código.

Cuando necesitas un sitio web de verdad

Necesitas un hosting de verdad para un artifact de Claude en cuanto quieres un dominio propio, una contraseña, el número de visitas o una URL que no sea una dirección de Anthropic. Un enlace de Claude es excelente para enseñar un borrador, y deja de bastar en cuanto el artifact es algo a lo que quieres poner tu nombre. Un enlace de Claude trae cuatro límites:

• El enlace sigue en una dirección de Anthropic.
• No puedes asociarle un dominio propio.
• No hay protección con contraseña.
• No puedes ver cuánta gente lo ha abierto.

La solución es llevar el artifact a un hosting que controles. Como los artifacts ya son HTML, CSS y JavaScript de navegador, son justo lo que un hosting estático está hecho para servir. No hay que reescribir nada. Static.app tiene un botón Importar desde URL en su página de hosting para Claude: pega el enlace del artifact y trae la página como un index.html que puedes publicar. Si prefieres mover el archivo a mano, copia el HTML desde la vista de código del artifact, guárdalo como index.html, comprímelo en un ZIP y sube el ZIP, porque la subida pide un ZIP aunque dentro solo haya un archivo.

De una forma u otra acabas con una URL limpia y una página que sigue funcionando mucho después de que el chat original haya desaparecido. Static.app empieza con una prueba gratuita de 7 días: una cuenta nueva incluye un sitio web, 50 MB de almacenamiento, un subdominio gratuito tunombre.staticdomains.app y un certificado SSL, sin pedirte tarjeta de crédito. Al terminar la prueba, el sitio web se desconecta hasta que te suscribas: publicar a partir de ahí, y usar un dominio personalizado en cualquier caso, exige un plan de pago. Consulta los precios. La guía paso a paso está en cómo alojar un artifact de Claude como sitio web online.

Si quieres revisar el código antes de publicarlo, pégalo en el visor HTML para verlo renderizado, o ordena la sangría con el formateador de HTML. Ninguno de los dos sube tu archivo a ningún sitio.

Preguntas frecuentes

Las seis respuestas de abajo cubren cuánto cuestan los artifacts, por qué Claude a veces no abre uno, si quien lo ve necesita cuenta de Claude, si puedes usar tu propio dominio, si sigue funcionando alojado en otro sitio y qué pasa con un artifact cuando borras el chat.

¿Los artifacts de Claude son gratis?

Sí. Los artifacts están disponibles en el plan Free y en todos los planes de pago. Un enlace público funciona con Share en Pro, Max y Ultra, y con Publish para artifacts antiguos de un chat en Free. Tiene que estar activado el interruptor de capacidades en Settings y después Capabilities. Algunos extras, como conectar servicios externos, requieren Pro o superior. Planes a fecha de noviembre de 2026.

¿Por qué Claude no me crea un artifact?

Hay dos causas habituales. O "Cloud code execution and file creation" está desactivado en tus ajustes, o el resultado es demasiado pequeño y Claude ha decidido que no merece un panel. Si pides un archivo completo y autónomo, y no un fragmento, lo normal es que lo abra.

¿Puede la gente ver mi artifact sin cuenta de Claude?

Normalmente, sí. La mayoría de los artifacts compartidos con Anyone with the link se abren sin cuenta de Claude, aunque a esos visitantes no les funcionan las partes que usan Claude o apps conectadas. Los documentos siempre exigen iniciar sesión, y en Team y Enterprise la opción del enlace necesita la aprobación de un propietario.

¿Puedo usar mi propio dominio para un artifact?

No con el enlace propio de Claude, que siempre vive en una dirección de Anthropic. Para poner tu trabajo en tu propio dominio, aloja el artifact tú mismo como sitio web estático y conecta allí el dominio. En Static.app, un dominio personalizado requiere un plan de pago. Consulta los precios.

¿Los artifacts interactivos siguen funcionando cuando se alojan en otro sitio?

Los artifacts interactivos siguen funcionando en un hosting estático como Static.app, y dónde alojar una app creada con Claude explica cómo hacerlo. Todo lo que se ejecuta en el navegador sobrevive al traslado: HTML, CSS y JavaScript del lado del cliente, incluidos la mayoría de los componentes React una vez compilados. La excepción es un artifact que llama a Claude mientras se ejecuta, porque esa función pertenece al entorno de Claude y no tiene equivalente en un hosting estático.

¿Qué pasa con mi artifact si borro el chat?

Borrar la conversación borra el artifact con ella. Exporta lo que quieras conservar: copia el código o publica la página en un hosting propio, y tendrás una copia que no depende de que el chat siga existiendo.