¿Qué son los artefactos de Claude Code? Una guía clara para 2026

Entonces, ¿qué es exactamente un artefacto de Claude Code?

La documentación lo expresa claramente: un artefacto es "una página web activa e interactiva que Claude Code publica desde tu sesión en una URL privada en claude.ai." Se actualiza en su lugar a medida que continúa tu sesión, y lo compartes desde un botón en el encabezado de la página.

La palabra clave es sesión. Claude Code construye el artefacto usando todo lo que ya tiene abierto: tu base de código, los conectores que hayas configurado a través de MCP, y la conversación misma. No necesitas levantar un servidor, conectar una fuente de datos ni desplegar nada. Describes lo que quieres ver y Claude lo renderiza.

Hay una línea en la documentación que revela más sobre la intención de diseño que cualquier otra cosa. Un artefacto es "una captura de trabajo, no una aplicación" (según la documentación). Es una página autocontenida sin backend. No puede almacenar lo que escribes en un formulario, llamar a una API cuando alguien la visualiza ni servir más de una ruta. Esa restricción es el punto central: mantiene los artefactos baratos de producir y seguros de compartir, y evita que se conviertan silenciosamente en aplicaciones de producción que nadie está manteniendo.

Artefactos de Claude Code vs. los artefactos que ya conoces

Aquí es donde casi todo el mundo se confunde, porque "artefactos" ha significado dos cosas diferentes en distintos momentos.

Si has usado la aplicación de Claude, probablemente hayas visto los artefactos de chat: el panel que se abre a la derecha de la conversación cuando Claude te escribe un documento, un gráfico o una pequeña aplicación React. Esos estuvieron disponibles de forma general en agosto de 2024 y funcionan en todos los planes, incluso en el gratuito.

Los artefactos de Claude Code son una superficie separada y más reciente. Mismo nombre, naturaleza diferente. La forma más clara de ver la diferencia es lado a lado.

Y lo mismo en una tabla que puedes consultar rápidamente:

Así que cuando alguien habla de "artefactos de Claude Code", casi siempre se refiere al nuevo orientado a desarrolladores que se incluye con la CLI de Claude Code y la aplicación de escritorio. De eso trata principalmente esta guía.

Cómo funcionan realmente los artefactos de Claude Code

El flujo es breve, que es lo mejor de él. No hay paso de compilación ni nada que alojar.

Recorriendo los pasos:

1. Crear. Pides en lenguaje natural, algo como "crea un artefacto que recorra este PR con el diff anotado de forma inline." Claude escribe un archivo .html, .htm o .md en tu proyecto, solicita permiso antes de publicar un nuevo artefacto, imprime la URL y abre tu navegador. Incluso elige un título y un icono emoji para la pestaña (documentación).
2. Actualizar. Pide un cambio ("añade un desglose por región debajo del gráfico y vuelve a publicar") y Claude edita el archivo y publica en la misma URL. Cualquiera que tenga la página abierta ve la actualización en su lugar. Cada publicación es una nueva versión con historial de versiones completo, para que puedas restaurar una anterior en cualquier momento.
3. Compartir. Un nuevo artefacto solo es visible para ti. El control Compartir en el encabezado de la página te permite otorgar acceso a personas específicas o a todos en tu organización.

Ese último paso es donde vive la limitación principal. El uso compartido se limita a tu organización. Los espectadores deben iniciar sesión en claude.ai como miembros de la misma organización, y no existe ninguna opción pública. Los artefactos son visualizables, no coeditables, por lo que tú eres el único escritor. Si realmente necesitas enviar uno fuera de la empresa, pides a Claude el archivo HTML y compartes ese archivo de la manera tradicional.

Un par de detalles prácticos útiles: presiona Ctrl+] para reabrir el artefacto más reciente desde el terminal, establece CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 si no quieres que tu navegador se abra cada vez (una de las muchas variables de entorno que Claude Code respeta), y encuentra todo lo que has creado en la galería en claude.ai/code/artifacts.

Qué puedes crear realmente con ellos

La regla general de la documentación es recurrir a un artefacto cuando "el texto del terminal no es el medio adecuado", cuando la salida es más fácil de ver e interactuar que de leer línea por línea. Los casos de uso documentados son los que vale la pena conocer:

• Guiar a un revisor por un PR con diffs anotados de forma inline y codificados por colores según la gravedad.
• Renderizar un dashboard a partir de datos que tu sesión ya ha extraído.
• Presentar varias opciones en paralelo, como diseños, variantes de texto o formas de API.
• Mantener una cronología de investigación que se va completando mientras se ejecuta una tarea larga.
• Ejecutar una auditoría de licencias o dependencias como una página navegable en lugar de un volcado JSON.

Dado que la página puede incluir controles deslizantes, interruptores y entradas (pero sin backend), también puedes crear cosas interactivas pequeñas: un tablero de clasificación con un botón "copiar como prompt" que devuelve texto a tu terminal, o una lista de verificación que tilda elementos a medida que se completa una tarea larga. Claude incluso aplica una habilidad de diseño integrada, buscando primero un sistema de diseño existente en tu proyecto, para que el resultado no parezca Bootstrap sin estilo. Puedes registrar tus tokens de diseño en tu configuración CLAUDE.md y tendrán precedencia (documentación).

Claude Code en sí funciona en el terminal, VS Code, la aplicación de escritorio y la web, pero los artefactos se publican específicamente desde la CLI o la aplicación de escritorio.

La letra pequeña: lo que un artefacto no puede hacer

Esta es la parte que vale la pena leer dos veces, porque las restricciones definen para qué sirven los artefactos. Cada uno es una página autocontenida envuelta en un shell HTML y servida bajo una Política de Seguridad de Contenido estricta (documentación).

Una nota práctica más: generar una página con estilos usa más tokens de salida que el texto simple del terminal, por lo que un artefacto pesado cuesta más. La documentación sugiere preferir SVG y HTML/CSS sobre imágenes rasterizadas, eliminar la interactividad que no necesitas y resumir grandes conjuntos de datos en lugar de incluirlos de forma inline. Si tu equipo está vigilando el gasto, es el mismo ejercicio que ajustar tu configuración del modelo.

Quién puede usar los artefactos de Claude Code ahora mismo

A junio de 2026, los artefactos están en beta y limitados por una lista corta de requisitos. Necesitas todos ellos (documentación):

• Plan: Team o Enterprise. En Team están activados por defecto; en Enterprise un administrador los habilita.
• Autenticación: sesión iniciada en claude.ai mediante /login. Las sesiones con clave de API, token de gateway o credenciales de proveedor de nube no pueden publicar.
• Proveedor de modelo: solo la API de Anthropic. No Amazon Bedrock, Google Vertex AI ni Microsoft Foundry.
• Política de organización: CMEK, HIPAA y Zero Data Retention no deben estar habilitados.
• Superficie: la CLI de Claude Code o la aplicación de escritorio (v1.13576.0+). Desactivado por defecto en el Agent SDK, GitHub Action y contextos de servidor MCP.

Para los administradores, aquí hay una gobernanza real, que importa si estás desplegando esto en un equipo. Puedes activar o desactivar los artefactos en Configuración > Claude Code > Capacidades, limitar su alcance a roles específicos con Enterprise RBAC, establecer retención separada para artefactos privados frente a compartidos, y monitorizar eventos claude_artifact_* en el registro de auditoría. Incluso hay una API de cumplimiento para listar y eliminar artefactos de forma programática. Si estás configurando políticas en una organización, nuestras guías sobre controles de administrador y permisos de Claude Code cubren la configuración del entorno.

Un breve historial: cómo llegaron los artefactos hasta aquí

Ayuda ver el arco completo, porque "artefactos" ha crecido silenciosamente durante dos años.

Los artefactos comenzaron como una vista previa de funcionalidad junto con Claude 3.5 Sonnet en junio de 2024, luego estuvieron disponibles de forma general el 27 de agosto de 2024 con "decenas de millones" ya creados. En junio de 2025 obtuvieron su propio espacio en la aplicación y, más importante, la capacidad de incorporar la propia inteligencia de Claude, convirtiendo un artefacto estático en una aplicación impulsada por IA. Anthropic presentó el proyecto "The Way of Code" de Rick Rubin, 81 meditaciones combinadas con artefactos interactivos, como ejemplo insignia.

Esa versión impulsada por IA vino acompañada de un giro de facturación ingenioso que la comunidad recibió con entusiasmo: el uso de una aplicación compartida cuenta contra la suscripción de cada espectador, no del creador. Como dijo Simon Willison: "las aplicaciones creadas como artefactos de Claude ahora tienen la capacidad de ejecutar sus propios prompts, facturados al usuario actual de la aplicación, no al autor de la aplicación." Crea una herramienta, comparte el enlace, y no pagas la factura de todos los que la usan. En octubre de 2025 se añadieron conexiones MCP y almacenamiento persistente (20 MB por artefacto, solo texto). Luego, en junio de 2026, llegó la nueva superficie de Claude Code.

Para los artefactos de chat, la historia de uso compartido también es donde la superficie más antigua es más generosa. Puedes publicar uno en un enlace público que cualquiera puede abrir sin cuenta, obtener un fragmento de embed para tu propio sitio, o compartir dentro de tu organización.

Hay un detalle importante que vale la pena señalar en el lado del chat: una vez que despublicas un artefacto, ese mismo artefacto no puede volver a publicarse. Tienes que crear uno nuevo. Vale la pena saberlo antes de hacer clic en despublicar algo que ya has compartido ampliamente.

Lo que la gente realmente opina sobre ellos

La reacción de la comunidad ha sido positiva, con un conjunto consistente de quejas. En el lado favorable, el tema más destacado es el de desarrolladores que no trabajan con web publicando cosas funcionales a partir de un prompt.

"Los artefactos de Claude me parecen increíbles. Soy programador de C/Python, aunque mis habilidades de desarrollo web son muy limitadas. Así que el hecho de que genere estas aplicaciones web es muy divertido."

u/Longjumping-Gap-3254, r/ClaudeAI

El otro logro recurrente es usar artefactos para comunicar, reemplazando presentaciones, wireframes y tableros de Miro para transmitir una idea:

"Maquetas, historias de datos, wireframes, calculadoras, mapas de sitio, investigación. Normalmente los uso para comunicación temporal con un cliente. Lo uso mucho para wireframes de baja fidelidad para asegurarme de que el cliente y yo estamos en la misma página... Antes hacía este paso en Miro."

u/GullibleSavings3621, r/ClaudeAI

Las frustraciones son igual de consistentes y se corresponden casi exactamente con las restricciones anteriores. La más grande, especialmente para los equipos, es la falta de controles de uso compartido granulares:

"Ahora mismo, cuando compartes un artefacto específicamente, es accesible para cualquiera que tenga una cuenta internamente y el enlace. Por lo que puedo ver, no hay forma de limitar el acceso a una persona o grupo específico."

u/Either-Difference839, r/ClaudeAI

Y los usuarios avanzados llegan a un techo en cuanto a lo que un artefacto puede hacer de una sola vez, que es exactamente por qué existe la superficie de Claude Code para trabajos más grandes. Simon Willison, que construyó una herramienta al día con artefactos durante una semana, fue claro sobre el límite en Hacker News: "para aplicaciones de un solo intento como estas hay un límite estricto en cuanto a lo que se puede lograr únicamente a través de prompts en una sola sesión." Esa brecha es la honesta que hay que tener en mente. Los artefactos son para capturar y comunicar trabajo, no para lanzar tu próximo servicio de producción.

Dónde te deja esto, y dónde encaja eesel

Los artefactos de Claude Code son una adición inteligente: una forma de bajo esfuerzo para convertir una sesión de programación en algo con lo que un colega puede interactuar. Si tu equipo está en Team o Enterprise y trabaja con Claude Code, pruébalos en tu próxima revisión de PR o análisis post-mortem. Solo entra sabiendo que son una captura de trabajo, deliberadamente estáticos y limitados a la organización, no una plataforma de aplicaciones.

Esa última distinción es la que más me importa, porque es exactamente la línea entre una página que te muestra algo y un agente que hace algo. Un artefacto renderiza un dashboard. No puede tomar un ticket de soporte al cliente, buscar un pedido y resolverlo.

Esa capa de acción es lo que construimos en eesel. Si te gusta la sensación de "describe lo que quieres y obtienes algo que funciona" de los artefactos, eesel aplica la misma idea al soporte al cliente: conectas tu helpdesk y tu documentación, configuras un agente de IA en lenguaje natural, y redacta y resuelve tickets reales. La parte que los artefactos no pueden ofrecer (porque son estáticos por diseño) es la que más aprovechamos: simulas el agente contra miles de tus tickets anteriores antes de que entre en funcionamiento, para ver exactamente qué habría hecho. Un cliente de eesel, una startup de movilidad, consiguió que resolviéramos el 73 % de sus solicitudes de primer nivel en el primer mes. Se conecta a través de MCP y más de 100 integraciones de la misma manera que Claude Code habla con tus herramientas, y puedes probarlo gratis.