Creación con artefactos
Cuando le pides algo a Claude, normalmente te responde con texto en el chat. Pero hay un tipo de resultado diferente: los artefactos. Son entregas independientes — una página web funcional, un gráfico interactivo, un documento descargable — que aparecen en una ventana dedicada junto a la conversación, listos para usar.
Escucha la lección
¿Cuándo crea Claude un artefacto?
Claude decide crear un artefacto cuando el resultado cumple ciertos criterios:
- ›Es significativo y autónomo — generalmente más de 15 líneas
- ›Es algo que probablemente querrás editar, modificar o reutilizar
- ›Es contenido complejo que tiene sentido por sí solo, sin necesitar el contexto del chat
- ›Es algo a lo que querrás volver o usar más adelante
Si Claude no crea un artefacto automáticamente cuando lo esperas, simplemente pídelo: "Crea esto como un artefacto".
Tipos de artefactos que puedes crear
Documentos
Informes, notas de reuniones, planes de proyecto, artículos. Exportables como Word, PDF, PowerPoint o Excel.
Fragmentos de código
Código funcional en cualquier lenguaje: Python, JavaScript, C++. Listo para copiar o descargar.
Páginas HTML
Páginas web completas con HTML, CSS y JavaScript. Perfectas para prototipos, formularios o demos.
Imágenes SVG
Logotipos, iconos, ilustraciones vectoriales. Se visualizan directamente en la ventana de previsualización.
Diagramas
De flujo, de secuencia, Gantt, organigramas. Describes las relaciones y Claude crea el diagrama.
Componentes React
Interfaces interactivas con lógica real: calculadoras, paneles, juegos, visualizaciones. No son maquetas — funcionan.
Cómo pedir un artefacto
Crear un artefacto es tan sencillo como describir lo que quieres:
- ›"Crea un diagrama de flujo que muestre nuestro proceso de incorporación de clientes"
- ›"Diseña una página de inicio para mi producto con sección principal y lista de características"
- ›"Crea un panel interactivo donde pueda ingresar gastos mensuales y ver un diagrama circular"
- ›"Escribe una plantilla de resumen de proyecto que pueda reutilizar"
Cuanto más específico seas, mejor resultado obtienes. "Crear un rastreador de presupuesto" está bien. "Crear un rastreador mensual donde pueda ingresar gastos por categoría, ver un desglose en gráfico circular y recibir una alerta cuando me pase del límite" es mucho mejor.
Qué puedes hacer con un artefacto
Cuando Claude genera un artefacto, aparece en una ventana a la derecha del chat. Desde ahí puedes:
- ›Alternar entre la vista previa y el código subyacente
- ›Copiar el contenido para usarlo en otro lugar
- ›Descargar el archivo directamente a tu ordenador
- ›Compartirlo o publicarlo
Compartir y publicar
Copiar o descargar
Para uso personal o para compartir por otros canales. Botones en la esquina inferior derecha del artefacto.
Compartir internamente
Para planes Team y Enterprise: el documento permanece dentro de tu organización y requiere autenticación para acceder.
Publicar públicamente
Cualquier persona con el enlace puede verlo e interactuar sin necesitar cuenta de Claude. También pueden "remezclarlo": abrirlo en su propio chat para modificarlo. Tu conversación permanece privada. Los artefactos publicados no aparecen en buscadores.
Consejos para mejores artefactos
- ›Describe al usuario final: "Este diagrama es para nuevos empleados" produce resultados muy distintos que "Este diagrama es para el equipo de ingeniería".
- ›Itera de forma incremental: pide un cambio a la vez para identificar fácilmente qué funciona.
- ›Si Claude responde en el chat: simplemente di: "Por favor, créalo como artefacto".
Ejemplo interactivo
Aquí tienes un artefacto real de esta lección
Un rastreador de presupuesto mensual con gráfico circular, alerta de límite y gestión de categorías — exactamente el ejemplo que vimos antes. Generado con una sola instrucción a Claude.
⚡ Abrir artefacto interactivoGlosario
Artefacto
Entrega independiente que Claude crea en una ventana aparte (documento, página web, gráfico, código), lista para usar, editar y compartir.
Un resultado "de verdad" (una web, un documento, un gráfico) que aparece en su propia ventana, no solo texto en el chat.
Componente React
Pieza de interfaz interactiva con lógica real (calculadora, panel, juego), no una maqueta estática.
Una mini-aplicación que funciona de verdad, no un dibujo.
SVG
Formato de imagen vectorial que se escala sin perder calidad; ideal para logos e iconos.
Un tipo de imagen que puedes agrandar todo lo que quieras sin que se vea pixelada.
Remezclar
Abrir un artefacto publicado en tu propio chat para modificarlo, sin ver la conversación original del autor.
Coger algo que alguien publicó y cambiarlo a tu gusto en tu propio Claude.
Fuentes oficiales de Anthropic
- ›Curso oficial Claude 101 — Anthropic Academy
- ›Introducción a los artefactos — Centro de ayuda
- ›Publicar y compartir artefactos — Centro de ayuda
Esta lección es una guía de apoyo en español elaborada a partir de estas fuentes oficiales. Para los detalles más actualizados, consulta siempre la documentación de Anthropic.