Una página en lugar de la terminal

Qué es y por qué importa

Trabajas una hora con Claude Code y el resultado está en la terminal: líneas de texto, tablas hechas de guiones, un diff de tres pantallas. Para ti vale. Pero tu socio, tu cliente o quien te revisa el código no lo lee, y acabas pegando trozos en un chat, diez mensajes uno detrás de otro.

Los artifacts resuelven esto. Un artifact es una página web de verdad que Claude Code publica desde tu sesión en claude.ai, en una dirección privada. Dentro está el trabajo de la sesión: una comparación de opciones, un gráfico, un diff con notas, una checklist que se va marcando mientras Claude trabaja. La abres en el navegador, y cuando Claude la vuelve a publicar se actualiza ahí mismo, también para quien la tiene abierta.

Úsalo cuando algo se entiende mejor mirándolo que leyéndolo línea a línea. Y ten claro lo que no es: es una sola página, estática, sin servidor detrás. No puede tener varias páginas enlazadas, no puede hacer que la gente entre con una cuenta, no guarda datos. No es tu web. Para una herramienta interna con backend (la parte que funciona en un servidor y guarda los datos) tienes que ponerla online en tus propios servidores.

1. Qué necesitas

Los artifacts solo funcionan si se cumplen todas estas condiciones. Si falta una, Claude te escribe un archivo HTML en el ordenador o te dice que no puede publicar.

• Una suscripción a Claude: Pro, Max, Team o Enterprise. En Team y Enterprise están activados por defecto, pero un Owner (quien administra la organización) puede apagarlos para todos.
• Entrar con tu cuenta de claude.ai: en Claude Code escribe /login. Una sesión que usa una clave API, el token de un gateway o las credenciales de un proveedor cloud no puede publicar.
• Claude a través de la API de Anthropic. No hay artifacts si usas Claude desde Amazon Bedrock, Google Cloud o Microsoft Foundry.
• Ninguna regla especial sobre datos en tu organización: si están activadas las claves de cifrado gestionadas por el cliente (CMEK), HIPAA o Zero Data Retention (no se conserva ningún dato), no hay artifacts.
• Claude Code en la terminal o en la app de escritorio de Claude, en la última versión. Están apagados por defecto cuando lanzas Claude Code con -p desde tus scripts y en el Agent SDK.

2. Cómo pedirla

No hace falta un comando. Lo pides con palabras normales: dices «artifact» o «página» y describes lo que quieres ver. A veces Claude la publica por su cuenta, cuando ve que el resultado se lee mejor como página. Aquí tienes los cuatro prompts que más uso, para copiar. Cambia las partes entre [ ] por las tuyas.

Hazme un artifact con tres versiones distintas de [la pantalla de bienvenida], una al lado de la otra. Hazlas de verdad distintas entre sí y debajo de cada una escribe en una línea qué gano y qué pierdo.

Convierte este plan en un artifact con una checklist. Mientras trabajas, marca los puntos que terminas, añade una nota en los que te saltas y vuelve a publicar en el mismo enlace.

Hazme un artifact que explique esta pull request: muestra el diff con notas al margen junto a las líneas que importan y colorea los problemas según su gravedad.

Hazme un dashboard artifact con los datos que ya has reunido en esta sesión: [los errores de la última semana], divididos por [servicio]. Mantenlo al día mientras investigas.

Claude escribe la página en un archivo HTML o Markdown, en una carpeta temporal fuera de tu proyecto, la publica, te muestra el enlace y te la abre en el navegador. El título y el icono de la pestaña los elige él: si quieres otros, pídeselos. Al principio solo la ves tú.

3. Cómo volver a encontrarla

• Ctrl+] vuelve a abrir en cualquier momento el último artifact de la sesión.
• Debajo del prompt aparece una pequeña etiqueta con el nombre de la página, o con cuántas hay si la sesión tiene más de una.
• /artifacts lista tus páginas y las que han compartido contigo, con las de esta sesión arriba. Eliges una y pulsas o para abrirla en el navegador, c para copiar el enlace, Intro para engancharla a la sesión en la que estás (si ya está enganchada, la abre).

La lista sale de tu cuenta de claude.ai, así que funciona también en una sesión nueva o después de /clear, cuando el enlace ya ha desaparecido de la terminal. Todas las páginas que has creado las tienes también en tu galería, en claude.ai/code/artifacts.

4. Cómo compartirla

Una página nueva es privada: solo la ves tú. Para enseñarla, ábrela en el navegador y usa el botón Share de arriba de la página. Con quién puedes compartirla depende del plan:

• Con Pro y Max, los planes personales, creas un enlace público: lo abre cualquiera, incluso sin cuenta de claude.ai.
• Con Team y Enterprise se la das a personas concretas de tu organización o a toda la organización. Quien la abre entra en claude.ai con la cuenta de la organización.
• En Team y Enterprise el enlace público está apagado hasta que un Owner enciende External sharing en Organization settings > Artifacts. Si luego lo vuelve a apagar, los enlaces públicos ya enviados dejan de abrirse.

Cada publicación queda como versión. Desde el mismo botón Share eliges qué versión ven los demás: una concreta, o siempre la última. Así Claude puede seguir trabajando en la página sin enseñar los pasos a medias.

5. Cómo mantenerla al día

Para cambiarla basta con pedirlo: Claude modifica el archivo y vuelve a publicar en la misma dirección. Quien tiene la página abierta ve la actualización ahí mismo, y no tienes que mandar un enlace nuevo.

Añade debajo del gráfico [el detalle por país] y vuelve a publicar.

Desde una sesión nueva es distinto. Si solo dices «actualiza la página», Claude crea otra. Dale el enlace, o engánchala desde /artifacts:

Actualiza [el enlace del artifact] con los números de hoy.

Si la compartes en tu organización, quien la ve puede dejar comentarios en la página, y tú puedes pedirle a Claude que los lea y haga los cambios. Quien puede editarla también puede mandarle uno directo a Claude, con Send to Claude o escribiendo @claude. Quien solo tiene el enlace público no ve los comentarios.

Y si quieres que los números se actualicen solos cada vez que alguien abre la página, sin que Claude la vuelva a publicar, la página puede llamar a los conectores de tu cuenta de claude.ai, por ejemplo GitHub. Es un paso más: lo explico en la guía DASHBOARD (strikt.fit/dashboard-live).

Errores comunes

• Mandar el enlace antes de compartir la página. Una página nueva es privada: si no pasas por Share y eliges quién la ve, los demás no pueden abrirla.
• Tratarla como tu web. Es una sola página estática: sin login, sin formularios que guarden datos, sin enlaces a otras páginas (los enlaces relativos no funcionan). Para eso necesitas una web de verdad.
• Pedir «actualiza la página» en una sesión nueva sin dar el enlace. Claude crea otra, y acabas con dos páginas distintas circulando.
• Poner en un enlace público datos que no quieres que circulen. El enlace público lo abre cualquiera que lo tenga: deja fuera claves, datos de clientes y números internos, o comparte solo dentro de tu organización.
• Llenarla de imágenes pesadas. La página tiene que quedarse por debajo de 16 MiB y las imágenes incrustadas consumen muchos tokens: para gráficos y esquemas pide SVG o HTML.

Lista de comprobación

• Tengo un plan Pro, Max, Team o Enterprise y he entrado con /login, no con una clave API
• He pedido la página describiendo lo que quiero ver, y Claude me ha dado un enlace
• Con Ctrl+] o /artifacts vuelvo a encontrar la página aunque el enlace haya desaparecido de la terminal
• Antes de mandar el enlace he usado Share y he elegido quién ve la página
• He elegido qué versión de la página ven los demás
• En el enlace público no hay claves, datos de clientes ni números internos
• Para actualizarla desde una sesión nueva le doy a Claude el enlace de la página

Preguntas frecuentes