Claude no solo responde preguntas: puede construir aplicaciones web completas e interactivas directamente en el chat, sin instalar nada, sin escribir código. Esta guía explica qué son los artefactos, qué se puede crear con ellos, cómo publicarlos en un clic y cuáles son sus límites reales. Especialmente útil para founders que quieren prototipar herramientas, dashboards o productos sin depender de un desarrollador.
La mayoría de personas usa Claude como un chat avanzado. Escriben una pregunta, leen la respuesta y copian el texto a otro lado. Eso es usar el 20% de la herramienta.
Los artefactos son la funcionalidad que separa a Claude de cualquier otro chatbot: una ventana que aparece al lado del chat donde Claude construye —en tiempo real— aplicaciones funcionales, interactivas, con botones que hacen cosas. No imágenes. No mockups. Software que corre en el navegador ahora mismo.
Un artefacto es un archivo único (HTML, React, código) que Claude genera y ejecuta directamente en el browser, dentro de la interfaz del chat. Tiene tres características que lo distinguen de una respuesta normal:
Es interactivo de verdad. Los botones responden, los formularios guardan datos, las gráficas se pueden filtrar. No es una captura de pantalla de una aplicación — es la aplicación.
Se actualiza en vivo. Si pedís un cambio, Claude modifica el artefacto existente sin reiniciar desde cero. Cada iteración cuenta como un mensaje, pero el artefacto acumula los cambios.
Corre sin instalación. Todo sucede en el navegador. No hay que instalar Node, configurar un servidor ni abrir Terminal.
La tecnología que Claude usa por defecto para los artefactos incluye React, Tailwind CSS, Shadcn UI, Recharts, Plotly.js y Lucide Icons. No necesitás saber qué es ninguno de esos. Claude los elige solo.
Claude puede construir una landing page completa con hero, secciones, formulario de contacto y diseño responsivo. Útil para validar una idea antes de contratar a alguien, o para tener algo presentable en una reunión.
Prompt que funciona:
Crea un sitio web para una cafetería que se llama 'Café Luna'. Incluye:
- Una página de inicio con un hero atractivo
- Un menú con precios
- Una sección de 'sobre nosotros'
- Un formulario de contacto
Usa colores cálidos y un diseño moderno.
Subís un archivo Excel o CSV y Claude construye un dashboard interactivo: gráficas de barras, gráficas circulares, tablas con filtros por fecha, resumen de métricas clave. En 30 segundos tenés visualizaciones que normalmente tomarían horas en Google Sheets o Tableau.
Prompt:
Con los datos del archivo que te acabo de subir, crea un dashboard interactivo con:
- Una gráfica de barras para las ventas por mes
- Una gráfica circular para las categorías
- Una tabla con filtros por fecha
- Un resumen con los números más importantes arriba
Calculadoras de presupuesto, converters de unidades, generadores de paletas de colores, timers. Cualquier herramienta con lógica simple que alguien normalmente buscaría en Google y encontraría en un sitio lleno de publicidades.
Trivia, memoria, snake, puzzles. Útil para demostraciones, presentaciones o simplemente para entender hasta dónde llega la capacidad generativa.
Cartas formales, reportes, presentaciones con formato visual limpio. Si necesitás un PDF con buena pinta y no querés batallar con Word, Claude puede generar el HTML que después imprimís como PDF.
Mapas mentales animados, diagramas de flujo interactivos, gráficas con animaciones. Mucho más expresivo que una lista de bullets para explicar un proceso o una estructura.
Esto es lo que la mayoría no sabe: Claude puede crear aplicaciones donde él mismo funciona como el motor de inteligencia interno de la app.
El ejemplo más claro es un chatbot de práctica de inglés. Claude construye la interfaz, y cuando el usuario escribe un mensaje en inglés dentro de esa interfaz, Claude responde como si fuera el asistente del chatbot — corrigiendo gramática, sugiriendo vocabulario alternativo, dando una puntuación del 1 al 10.
Lo que hace posible esto: el artefacto usa las credenciales de la cuenta de Claude de quien lo abre. No necesitás API keys. No necesitás configuración técnica. Cuando compartís el artefacto, quienes lo abren consumen sus propios mensajes de Claude, no los tuyos.
Prompt para un chatbot de inglés:
Crea un artefacto interactivo para practicar inglés conversacional. El usuario escribe mensajes en inglés y la app:
1) Le responde continuando la conversación de forma natural
2) Le señala errores gramaticales con la corrección
3) Le sugiere vocabulario alternativo más natural
4) Le da una puntuación del 1 al 10 por cada mensaje
Incluye un selector de nivel (principiante, intermedio, avanzado) y un botón para cambiar el tema de conversación.
Prompt para una calculadora inteligente de presupuesto:
Crea un artefacto de calculadora de presupuesto personal inteligente. El usuario ingresa sus ingresos y gastos por categoría (vivienda, comida, transporte, entretenimiento, etc.) y la app:
1) Muestra una gráfica circular del desglose
2) Compara sus porcentajes con la regla 50/30/20
3) Usa IA para analizar sus gastos y darle 3 recomendaciones personalizadas para ahorrar
4) Tiene un botón de 'Analizar mis gastos' que activa a Claude
La combinación artefacto + Claude como motor es, en la práctica, un producto de software funcional construido en minutos.
Cuando el artefacto está listo, hay un botón de publicar en la esquina del artefacto. Claude genera un link único. Cualquier persona con ese link puede abrirlo y usarlo.
Reglas de acceso:
Si querés hacer cambios después de publicar, pedíselos a Claude y volvés a publicar. El link sigue siendo el mismo.
Sin backend. Todo corre en el navegador. No podés conectar una base de datos externa ni guardar datos en un servidor propio. Lo que el usuario ingresa vive en esa sesión del browser.
Un solo archivo. Cada artefacto es un archivo. Si necesitás un proyecto multi-página con rutas, autenticación y base de datos real, eso ya es Claude Code, no artefactos.
Persistencia según el plan. Con el plan Pro, los datos sobreviven entre sesiones. Con el plan gratuito, se pierden al cerrar el tab.
Funciona en móvil. La app de Claude para iOS y Android permite crear y usar artefactos desde el teléfono.
Cada cambio es un mensaje. Claude ajusta el artefacto existente — no lo rehace desde cero — pero cada pedido de modificación consume un mensaje de la cuota.
El caso más directo: validar ideas sin contratar a nadie. Si tenés una hipótesis sobre una herramienta que tus clientes necesitarían, Claude puede construirla en 10 minutos. La mostrás, conseguís feedback y decidís si vale la pena invertir en la versión real.
El segundo caso: demos internas. Un dashboard con tus datos reales para una reunión, un prototipo de feature para un inversor, una calculadora para mostrar cómo funciona tu pricing.
El tercer caso: herramientas propias. Una calculadora de márgenes, un generador de propuestas, un template interactivo de onboarding. Cosas que normalmente vivirían en una hoja de cálculo compartida con 40 fórmulas rotas.
Los artefactos no reemplazan el desarrollo de software. Reemplazan el tiempo que perdés esperando que alguien construya algo antes de saber si vale la pena construirlo.