Artefactos de Claude
Claude no es solo un chat. Puede crear aplicaciones completas que funcionan en tu navegador — sitios web, dashboards, juegos, chatbots con IA — sin descargar nada y sin escribir una línea de código.
No necesitas descargar nada. Todo pasa en tu navegador, en claude.ai. Solo necesitas una cuenta de Claude (el plan gratuito funciona). Abre Claude, pídele lo que quieras, y él lo construye al lado del chat en tiempo real.
01 qué son
Una ventana mágica al lado del chat
Cuando le pides a Claude algo complejo — una página web, un dashboard, un juego — en vez de solo responderte con texto, se abre un panel a la derecha con algo funcionando. Es en vivo: los botones sirven, las gráficas se mueven, los formularios funcionan. Es como si Claude te construyera una mini-app en tiempo real.
🖱️
No es una imagen
Es una app real. Haces clic en botones, escribes en campos, interactúas.
⚡
Se actualiza en vivo
Si algo no te gusta, le dices a Claude y lo ajusta al momento sin empezar de cero.
🌐
Cero instalación
No descargas nada. Todo corre en tu navegador, en la misma ventana de Claude.
02 ejemplos
6 cosas que puedes crear ahora mismo
Sitios web
Landing pages, portafolios, páginas de precios. Con navegación, formularios y diseño responsivo.
Dashboards
Sube un Excel o CSV y Claude te arma gráficas, filtros y tablas interactivas.
Herramientas
Calculadoras, convertidores, generadores de paletas de color, timers.
Juegos
Trivia, memory, snake, puzzles. Completamente jugables en el navegador.
Documentos
Cartas, reportes, presentaciones con diseño limpio y formato profesional.
Visualizaciones
Gráficas animadas, mapas mentales, diagramas de flujo interactivos.
Crea un sitio web completo
Copia este prompt, pégalo en claude.ai y ve cómo Claude construye un sitio funcional en menos de un minuto.
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.
Convierte datos en un dashboard
Sube tu archivo Excel o CSV a Claude y usa este prompt para crear un dashboard visual con gráficas y filtros.
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
03 el superpoder
El truco que nadie te cuenta: Claude dentro de Claude
Imagina que le pides a Claude que te haga un chatbot para practicar inglés. Claude construye la app, pero además esa app piensa. Cuando alguien escribe algo en inglés, el chatbot le corrige la gramática, le sugiere mejores palabras, le explica por qué. Es Claude trabajando dentro de la app que Claude construyó.
¿Cómo funciona? Esto usa la suscripción de quien abre el artefacto. No necesitas API keys ni configuración técnica. Si publicas el link, la persona que lo usa gasta sus propios mensajes de Claude — no los tuyos.
Chatbot para practicar inglés
Este artefacto usa a Claude como cerebro — corrige tu gramática, sugiere vocabulario y adapta el nivel a ti.
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.
Calculadora de presupuesto con IA
La IA analiza tus gastos y te da recomendaciones personalizadas para ahorrar.
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
04 publicar
Un clic y el mundo lo usa
Crea tu artefacto
Pídele a Claude lo que quieras. Cuando veas el resultado a la derecha, revisa que funcione como esperas.
Haz clic en Publicar
En la esquina del artefacto hay un botón de "Publicar". Un clic y Claude genera un link único.
Comparte el link
Cualquier persona con el link puede abrir y usar tu artefacto. Si usa IA, necesitan una cuenta de Claude.
Itera si quieres
Si después de publicar quieres cambiar algo, le dices a Claude y lo actualiza. Publicas de nuevo y listo.
Los artefactos que no usan IA se pueden ver sin cuenta. Los que sí usan IA necesitan que la persona tenga una cuenta de Claude (el plan gratuito funciona).
05 tips y límites
Para que sepas antes de empezar
Todo en el navegador
No hay backend ni bases de datos externas. Todo corre en el navegador, en la misma ventana de Claude.
Un solo archivo
Cada artefacto es un solo archivo. Para proyectos de múltiples páginas, existe Claude Code.
Almacenamiento
En el plan Pro los datos se guardan entre sesiones. En el plan gratuito se pierden al cerrar.
Funciona en móvil
Puedes crear y usar artefactos desde tu celular. La app de Claude funciona en iOS y Android.
Iterar es gratis
Cada cambio cuenta como un mensaje, pero Claude no empieza de cero — ajusta lo que ya existe.
Tecnología incluida
React, Tailwind CSS, Shadcn UI, Recharts, Plotly.js, Lucide icons. Claude los usa automáticamente.
Todo esto es gratis.
Solo necesitas una cuenta de Claude — el plan gratuito funciona para crear y probar artefactos. Sígueme en @soyenriquerocha y compártelo con alguien que lo necesita.