Í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) Por ahora es una beta para Team / Enterprise, que 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 visible para los miembros de la organización).
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 | Solo organización; no se puede hacer 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 comparte en la organización". 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) into your project and asks to publish
# "Claude wants to publish 'Deploy failures by service' (deploy-failures.html) to a private page on claude.ai" -> Yes
# 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, con cada publicación registrada como una nueva versión (puedes restaurar las antiguas). Para actualizar desde una sesión distinta, pega la URL del artifact (de lo contrario se crea un artifact nuevo). Comparte mediante el control "Share" de la cabecera de la página para dar acceso a personas concretas o a toda tu organización: un artifact nuevo, al principio, solo lo ves tú. Quienes lo vean deben tener la sesión iniciada en claude.ai como miembros de la misma organización, y es de solo lectura (no se edita en conjunto: tú sigues siendo el único que escribe). 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 almacenar datos de formularios, llamar a una API en el momento de la visualización ni servir varias rutas (solo anclas dentro de la página).
· Sin solicitudes externas: una CSP estricta bloquea scripts/CSS/fuentes/imágenes externos, además de fetch, XHR y WebSocket. El 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 compartir fuera de tu organización, pídele a Claude que produzca el archivo HTML en bruto (el compartido se detiene en la frontera de la organización).
6. Disponibilidad y controles de administración
A junio de 2026 el alcance es limitado (es una beta; confirma lo más reciente en la documentación).
| Aspecto | Detalles |
|---|---|
| Planes | Solo Team / Enterprise (no Pro/Max). Activado por defecto en Team; en Enterprise lo habilita un administrador |
| Estado | Beta (lanzado el 18 de junio de 2026) |
| 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 "disableArtifact": true 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 (18 de junio de 2026, beta) 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 dentro de tu organización. Es distinto de los Artifacts estilo canvas de claude.ai de 2024: se origina en la sesión, se actualiza solo y es solo de la organización. 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, sin solicitudes externas (CSP), una sola página, ≤ 16 MiB. Su uso es una beta para Team / Enterprise que 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 solo de la organización. 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), pide permiso para publicar y muestra una URL cuando lo apruebas. Reabre el más reciente con Ctrl+].
Q. ¿Cualquiera puede ver la página? ¿Puedo hacerla pública?
A. Es solo de la organización; no puedes hacerla pública. Un artifact nuevo, al principio, solo lo ves tú; usa Share en la cabecera de la página para dar acceso a personas concretas o a toda la organización. Quienes lo vean deben tener la sesión iniciada en claude.ai como miembros de la misma organización, y es de solo lectura. Para entregarlo fuera de la organización, pídele a Claude que produzca el archivo HTML en bruto.
Q. ¿Puedo construir una app web en funcionamiento?
A. No. La documentación llama a un artifact "una captura del trabajo, no una aplicación". No tiene backend, ni solicitudes externas (una CSP bloquea fetch/XHR/WebSocket), es una sola página y tiene un límite de ≤ 16 MiB. Si necesitas almacenamiento de formularios o llamadas a API, 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 junio de 2026 es una beta para Team / Enterprise (no Pro/Max). Activado por defecto en Team; en Enterprise lo habilita un administrador. 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.
