Índice
El 18 de junio de 2026, Anthropic lanzó Claude Code Artifacts (beta), una función que convierte una sesión de programación en la terminal en una página web "viva" que tu equipo puede compartir. En lugar de que Claude Code vaya soltando como texto un git diff y registros interminables, puede publicar un recorrido anotado de un PR, un panel que se actualiza solo o la cronología de un incidente en una sola página.
Este artículo explica qué es Artifacts, en qué se diferencia de los Artifacts de claude.ai de 2024, cómo usarlo, sus límites y su disponibilidad, todo a partir de la documentación oficial. Tres ideas clave de entrada. (1) Publica la salida de una sesión como una sola página en una URL privada de claude.ai, y el contenido se actualiza a medida que avanza el trabajo. (2) No hay un comando /artifact dedicado: lo pides en lenguaje natural ("crea una página que recorra este PR con anotaciones"). (3) Está disponible en los planes Pro, Max, Team y Enterprise, aunque solo se puede usar en sesiones con sesión iniciada mediante /login (no con una clave de API).
Convierte una sesión en una "página compartida"
— de la salida de la terminal a una página viva que puedes ver y con la que puedes interactuar
Se publica en una URL privada de claude.ai (solo tú la ves hasta que la compartes).
Cada actualización se convierte en una nueva versión en la misma URL, y la página se refresca en el sitio para quien la tenga abierta.
1. Qué es Claude Code Artifacts
La definición oficial: "un artifact es una página web viva e interactiva que Claude Code publica desde tu sesión en una URL privada de claude.ai". Ábrelo en un navegador y se actualiza en el sitio a medida que continúa la sesión. La página se "construye a partir de todo lo que tu sesión pueda alcanzar, incluida tu base de código y los datos que obtiene a través de tus herramientas conectadas" (conectores MCP).
El objetivo es "convertir una salida difícil de transmitir como texto de terminal en una sola página que puedes ver y con la que puedes interactuar". Por ejemplo, durante una investigación larga puedes compartir una cronología de incidente que se va completando a medida que trabajas, o una lista de verificación de lanzamiento que se va marcando sola conforme se completan las tareas. Anthropic lo plantea como una herramienta de colaboración que "permite a los equipos dedicar menos tiempo a actualizaciones de estado y más a construir". Piénsalo como una nueva superficie de salida para Claude Code, junto a Skills y MCP.
2. En qué se diferencia de los Artifacts de claude.ai de 2024
Mucha gente pensará en los Artifacts del panel lateral (canvas) que aparecieron en el chat de claude.ai en 2024. Comparten nombre y linaje, pero Claude Code Artifacts es una superficie distinta. Como es fácil confundirlos, aquí va el desglose (nota: este contraste es una síntesis propia; Anthropic no los presenta uno al lado del otro).
| Artifacts de claude.ai (2024) | Claude Code Artifacts (2026) | |
|---|---|---|
| Dónde aparece | Un canvas junto al chat en claude.ai | Una página independiente desde una sesión de programación en la terminal |
| Origen del contenido | La conversación del chat | La sesión completa (base de código, conectores) |
| Actualización en vivo para quien lo ve | No (lo regeneras en el chat) | Sí (la página publicada se refresca en el sitio) |
| Alcance del compartido | Se puede hacer público | Privado por defecto; se comparte en la organización o con un enlace público (en Team / Enterprise, un Owner debe habilitar el uso compartido público) |
En una línea: la versión de 2024 "renderiza un artifact dentro del chat", mientras que la versión de Claude Code de 2026 "convierte una sesión de programación en la terminal en una página web que se actualiza sola y se puede compartir". Mismo nombre, pero un caso de uso distinto y una forma distinta de compartir.
3. Para qué sirve
Los casos de uso que menciona Anthropic son justo aquellos en los que "ver una página supera a leer texto".
Cuándo una "página" supera al texto
La prueba común: "¿es más fácil ver esta salida e interactuar con ella que leerla línea por línea?"
4. Cómo usarlo
La peculiaridad más grande: no hay un comando /artifact dedicado. Lo pides en lenguaje natural, o Claude lo ofrece cuando la salida encaja con una página. El flujo:
# 1) Ask in plain language during a session (examples)
Make an artifact that walks through this PR with the diff annotated inline.
Build a dashboard artifact of last week's deploy failures by service and keep it updated as you investigate.
# 2) Claude writes a .html (or .htm / .md) — to a temp folder outside your project unless you name a location — and publishes it
# In plan mode, or when the page declares capabilities such as connector calls, Claude asks first
# 3) The URL is printed and opens in your browser. Reopen the latest with Ctrl+]
# Disable auto-open with CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0Para actualizar, basta con pedirle a Claude que lo revise: edita el archivo y publica en la misma URL, y cada publicación se convierte en una nueva versión (con el control Share eliges qué versión ven los demás). Para actualizar desde una sesión distinta, pega la URL del artifact (de lo contrario se crea un artifact nuevo). Un artifact nuevo, al principio, solo lo ves tú. Compártelo con el control Share de la cabecera: en Team / Enterprise puedes dar acceso a personas concretas o a toda la organización, y un enlace público permite que cualquiera lo abra sin iniciar sesión en claude.ai (en Team / Enterprise, solo si un Owner habilitó el uso compartido externo). Las personas con acceso son lectores por defecto; en Team / Enterprise también puedes nombrar a alguien editor. Todos tus artifacts se listan en la galería de claude.ai/code/artifacts.
5. Límites: no es una "app"
La documentación oficial lo dice sin rodeos: "un artifact es una captura del trabajo, no una aplicación". Si lo malinterpretas, te llevarás una decepción, así que ten presentes las restricciones.
Principales restricciones (oficiales)
· Sin backend: una única página estática. No puede autenticar a quienes la ven ni servir varias rutas (solo anclas dentro de la página). Para obtener datos actualizados al visualizarla, llama a conectores MCP a través de claude.ai.
· Solicitudes externas limitadas: con una CSP estricta, la página solo puede cargar fuentes de Google Fonts y scripts de cinco CDN públicos (cdnjs, unpkg, jsDelivr, etc.). Los demás scripts/CSS/fuentes/imágenes externos se bloquean, y fetch, XHR y WebSocket solo llegan al propio origen de la página y a Google Fonts. El resto del CSS/JS va en línea; las imágenes se incrustan como data URI.
· Tipos de archivo y tamaño: solo .html / .htm / .md. La página renderizada debe ser ≤ 16 MiB (las imágenes grandes suelen ser la causa de las publicaciones fallidas).
· Costo en tokens: el CSS/JS en línea y las imágenes en data URI hacen que consuma más tokens que el texto de terminal.
Así que Artifacts no es "una forma de construir una app en funcionamiento", sino "una forma de consolidar la salida de una sesión en una sola página legible y compartible". Si necesitas una herramienta real que se comunique con servicios externos, ve al desarrollo normal y despliega. Para mostrarlo fuera de tu organización, compártelo con un enlace público (en Team / Enterprise, si un Owner habilitó el uso compartido externo) o pídele a Claude el archivo HTML en bruto.
6. Disponibilidad y controles de administración
Requisitos a 4 de octubre de 2026 (confirma lo más reciente en la documentación).
| Aspecto | Detalles |
|---|---|
| Planes | Pro / Max / Team / Enterprise. Activado por defecto en Team / Enterprise; un Owner puede desactivarlo para la organización |
| Estado | Anunciado como beta el 18 de junio de 2026 (al principio solo Team / Enterprise) |
| Dónde funciona | La CLI de Claude Code, o la app de escritorio de Claude (v1.13576.0+). Desactivado por defecto en contextos de Agent SDK / GitHub Action / servidor MCP |
| Autenticación | Debes tener la sesión iniciada en claude.ai mediante /login. Las claves de API, los tokens de gateway y las credenciales en la nube no pueden publicar |
| Proveedor del modelo | Solo la API de Anthropic (no Amazon Bedrock / Google Vertex / Microsoft Foundry) |
| Política de la organización | Deshabilitado para organizaciones con CMEK, HIPAA o Retención Cero de Datos (ZDR) |
Para los administradores hay activación/desactivación a nivel de organización, alcance basado en roles (RBAC de Enterprise), políticas de retención, un registro de auditoría (claude_artifact_*) y una Compliance API. Para deshabilitarlo tú mismo, usa "enableArtifact": false en la configuración, la variable de entorno CLAUDE_CODE_DISABLE_ARTIFACT=1, o deniega el permiso Artifact. Si te atascas al iniciar sesión, consulta las soluciones a errores de autenticación / inicio de sesión.
Resumen
Claude Code Artifacts (anunciado el 18 de junio de 2026) convierte una sesión de programación en la terminal en una página compartida "viva" en una URL privada de claude.ai. Recorridos de PR, paneles, cronologías de incidentes, listas de verificación: salida que es más fácil de ver que de leer, compartida con tu equipo. Es distinto de los Artifacts estilo canvas de claude.ai de 2024: se origina en la sesión, se actualiza solo y es privado por defecto. No hay comando /artifact: lo pides en lenguaje natural, Claude escribe un .html y lo publica, y cada actualización es una nueva versión en la misma URL.
Pero es "una captura del trabajo, no una app": sin backend, solicitudes externas limitadas (CSP), una sola página, ≤ 16 MiB. Funciona en los planes Pro / Max / Team / Enterprise y requiere inicio de sesión con /login (no claves de API) y solo la API de Anthropic (no Bedrock, etc.). Para los equipos que quieren reducir el costo de las actualizaciones de estado, es una opción potente. Relacionados: Claude Agent Skills, MCP, Claude Cowork.
FAQ
Q. ¿Es lo mismo que los Artifacts de claude.ai de 2024?
A. No, es distinto. La versión de 2024 renderiza un artifact en un canvas junto al chat en claude.ai. Claude Code Artifacts convierte una sesión de programación en la terminal en una página independiente en una URL privada de claude.ai, construida a partir de la sesión completa (base de código, conectores), que se actualiza sola y es privada por defecto. Comparten nombre y linaje, pero la superficie y la forma de compartir difieren.
Q. ¿Cómo creo uno? ¿Hay un comando?
A. No hay un comando /artifact dedicado. Pídelo en lenguaje natural durante una sesión ("crea un artifact que…"), o Claude lo ofrece cuando la salida encaja con una página. Claude escribe un .html (o .htm / .md), lo publica y muestra una URL (en modo plan, o si la página declara capacidades como llamadas a conectores, pregunta antes). Reabre el más reciente con Ctrl+].
Q. ¿Cualquiera puede ver la página? ¿Puedo hacerla pública?
A. Un artifact nuevo, al principio, solo lo ves tú. Usa Share en la cabecera de la página: en Team / Enterprise puedes compartirlo con personas concretas o con toda la organización. Con un enlace público, cualquiera puede abrirlo sin iniciar sesión en claude.ai (en Team / Enterprise, solo si un Owner habilitó el uso compartido externo). Las personas con acceso son lectores por defecto; en Team / Enterprise también puedes nombrar a alguien editor.
Q. ¿Puedo construir una app web en funcionamiento?
A. No. La documentación llama a un artifact "una captura del trabajo". No tiene backend, sus solicitudes externas están limitadas (la CSP solo deja que fetch/XHR/WebSocket lleguen al propio origen de la página y a pocos hosts), es una sola página y tiene un límite de ≤ 16 MiB. Si necesitas llamadas arbitrarias a API o almacenar datos, construye y despliega de la forma normal. Artifacts está especializado en "compartir la salida en un formato legible".
Q. ¿Puedo usarlo en mi plan?
A. A 4 de octubre de 2026 está disponible en los planes Pro / Max / Team / Enterprise. Está activado por defecto en Team / Enterprise, y un Owner puede desactivarlo para la organización. Necesitas una sesión iniciada en claude.ai mediante /login, y las claves de API / credenciales en la nube no pueden publicar. El proveedor es solo la API de Anthropic (no Bedrock/Vertex/Foundry). El alcance puede cambiar, así que confirma lo más reciente en la documentación oficial.
