Tiempo estimado de lectura: 5 minutos

¿Qué son los Artifacts?

Los Artifacts son resultados independientes e interactivos que Claude crea en una ventana propia, junto a la conversación. En lugar de recibir un bloque largo de código o texto enterrado en el chat, ves tu contenido ya renderizado y listo para usar: puede ser una web funcional, un gráfico interactivo o un documento que descargas al momento.

Claude crea un Artifact automáticamente cuando el contenido cumple estos criterios:

• Es significativo y autocontenido, normalmente más de 15 líneas
• Es algo que probablemente querrás editar, iterar o reutilizar
• Es contenido complejo que tiene sentido por sí solo, sin necesitar el resto de la conversación
• Es algo que querrás consultar o usar más adelante

Tipos de Artifacts

• Documentos (Markdown, texto plano, Word, PDF, PowerPoint, Excel): ideal para contenido con mucho texto que quieras exportar o seguir editando (actas, informes, planes de proyecto, artículos)
• Fragmentos de código: en cualquier lenguaje de programación. Puedes verlo, copiarlo o descargarlo
• Páginas HTML: web completas (HTML, CSS y JavaScript) en un solo archivo. Perfecto para landing pages, formularios o prototipos rápidos
• Imágenes SVG: gráficos vectoriales para logos, iconos e ilustraciones. Se renderizan directamente en la ventana
• Diagramas Mermaid: flowcharts, diagramas de secuencia, Gantt, organigramas…
• Componentes React: elementos de interfaz interactivos con lógica real (calculadoras, dashboards, juegos, visualizaciones de datos)

Cómo crear tu primer Artifact

Es tan sencillo como describir lo que necesitas en la conversación. Algunos ejemplos:

• “Crea un flowchart mostrando nuestro proceso de onboarding de clientes”
• “Construye un dashboard interactivo donde pueda introducir gastos mensuales y ver un desglose”
• “Diseña una landing page para una app de productividad con sección hero y lista de funcionalidades”
• “Escribe una plantilla de brief de proyecto que pueda reutilizar”

💡 Si Claude no genera un Artifact cuando lo esperabas, pídeselo explícitamente: “Crea esto como un artifact” o “Muéstramelo en un artifact”.

Una vez generado, aparece en una ventana a la derecha de la conversación, donde puedes:

• Ver distintos formatos: alternar entre vista previa (cómo se ve) y el código subyacente
• Copiar el contenido con un clic
• Descargar el archivo a tu ordenador
• Ver el código que hay detrás

Compartir y publicar Artifacts

• Copiar o descargar: para uso personal o compartir por otros canales, usando los botones en la esquina inferior derecha
• Compartir dentro de la organización (Claude for Work): usuarios de Team y Enterprise pueden compartir Artifacts internamente; queda dentro de la organización y requiere autenticación del equipo
• Publicar de forma pública (planes Free, Pro y Max): haces el Artifact accesible mediante un enlace público

Al publicar:

• Solo se hace pública la versión seleccionada (el chat sigue siendo privado)
• Cualquiera puede verlo e interactuar con él sin necesidad de cuenta de Claude
• Otros pueden hacer “remix”: abrirlo en su propia conversación de Claude para modificarlo y construir sobre él

⚠️ Un Artifact publicado es accesible por su enlace para cualquiera, aunque no aparece indexado en buscadores como Google. Puedes despublicarlo en cualquier momento desde el propio Artifact.

Consejos para sacarles el máximo partido

• Sé específico: mejor “Construye un rastreador de presupuesto mensual donde pueda introducir gastos por categoría, ver un desglose en gráfico circular y recibir un aviso si me paso del presupuesto” que simplemente “Construye un rastreador de presupuesto”
• Describe quién lo va a usar: indicar el público (ej. “este flowchart es para nuevos empleados”) ayuda a Claude a tomar mejores decisiones de diseño
• Itera poco a poco: pide un cambio o funcionalidad cada vez, así es más fácil detectar qué funciona y corregir errores
• Pide el Artifact si no aparece: si Claude responde en el chat en lugar de crear un Artifact, simplemente dile “Por favor, créalo como un artifact”

---

¿Quieres que también prepare el resumen visual del proceso (tipos de artifacts y flujo de creación/publicación) como hicimos con la lección de Proyectos?