Claude no es solo chat. Pedile algo complejo (landing, dashboard, calculadora, juego, chatbot) y abre panel al lado con la app FUNCIONAL en vivo. Sin descargar nada, en claude.ai. Plus: el 'Claude dentro de Claude' — usar la API de Claude desde un Artefacto para crear chatbots IA reales.
Cuando le pedís a Claude algo complejo (página web, dashboard, juego), en lugar de solo responder con texto, abre un panel a la derecha con algo FUNCIONANDO.
Los botones sirven. Las gráficas se mueven. Los formularios envían. Es como si Claude te construyera una mini-app en tiempo real.
Hacés clicks en botones, escribís en campos, interactuás de verdad.
Si algo no te gusta, le decís a Claude y lo ajusta al momento sin empezar de cero.
No descargás nada. Todo corre en tu navegador en la misma ventana de Claude.
Creá sitio para cafetería "Café Luna":
- Home con hero atractivo
- Menú con precios
- Sección "sobre nosotros"
- Form de contacto
Colores cálidos, diseño moderno.Resultado: sitio funcional en menos de 1 min en el panel derecho.
Con los datos del archivo que subí, creá dashboard interactivo:
- Gráfica de barras: ventas por mes
- Gráfica circular: categorías
- Tabla con filtros por fecha
- Resumen con números clave arribaCalculadora para freelancers:
- Input: horas/día, tarifa/hora, días/mes
- Output: ingreso mensual, ingreso anual, después de impuestos
(25%), después de gastos (15%)
Estilo: clean minimalista, tema dark.Juego de memoria con 12 cartas (6 pares).
Tema: emojis de comida.
Score se calcula por intentos.
Animaciones suaves al voltear.Diagrama interactivo de mi árbol familiar:
- 4 generaciones
- Click en cada persona muestra info
- Hover muestra relación
Datos: [pegás tu data]Acá viene el truco que nadie cuenta. Podés crear Artefactos que usan la API de Claude internamente.
Eso significa: chatbots con IA real funcionando en tu navegador, dentro del Artefacto.
En tu prompt, le pedís a Claude que use window.claude.complete() para llamar a Claude desde el Artefacto.
Creá chatbot estilo terapeuta. Use `window.claude.complete()`
para responder con Claude real.
System prompt del bot:
"Sos terapeuta empático. Escuchá sin juzgar. Hacé preguntas
abiertas. NO des consejos directos — guiá a que la persona
encuentre su respuesta."
UI: chat clásico, mensajes burbuja, scroll automático,
typing indicator mientras espera respuesta.Te abre un chatbot funcional con IA real. Sin backend, sin API key tuya, sin nada.
> Asistente de recetas que responde según ingredientes que tengo> Generador de ideas de contenido para mi nicho [X]> Coach de productividad estilo Pomodoro con conversación> Tutor de [idioma] que corrige mis frasesLos Artefactos son para prototipos / demos / herramientas internas. Para producción seria, exportá el código y deployá apropiadamente.
Artefactos viven en el browser. Sin backend = sin DB persistente, sin auth real. Para auth de verdad → stack app móvil o Claude Web Builder.
Cada llamada a window.claude.complete() gasta tu plan. Compartir tu Artefacto con muchas personas = todas usan tu cuota.
Primera versión rara vez es perfecta. Iterá con feedback: "achicá el padding", "cambiá color principal a verde", "agregá animación al hover".
Mejor: 1 feature → 2 features → 3 features. Incremental. Si pedís todo de una, Claude se confunde.
En el panel del Artefacto, hay botón "Share". Genera URL pública que cualquiera puede abrir.
Algunos Artefactos los embebés en otras webs. Útil para showcases de portfolio.
Antes de programar 2 semanas tu idea, construí Artefacto en 30 min y mostralo a 5 usuarios. Validá antes de invertir.
Calculadora de pricing custom, dashboard de KPIs, generador de templates. No necesitás dev.
Profesor explicando concepto: en lugar de slides estáticas, simulación interactiva.
Cliente potencial pide "¿cómo se ve algo así?" → en la reunión mismo, Artefacto en 5 min mostrando concepto.
Idea random un viernes → Artefacto el sábado → compartís en redes el domingo.
Live Artifacts en Cowork te deja iterar Artefactos colaborativamente.
Para producción real (no solo prototipo), exportá idea desde Artefacto, llevala a Claude Web Builder.
Si solo necesitás landing, Instant Landing es más profesional. Artefactos son para algo más interactivo.