Artefactos de Claude: apps sin código

Contenido del curso

No sé dónde empezar

Fundamentos de Claude

Capacidades de Investigación de Claude

Procesamiento de Información

Espacios de Trabajo en Claude

Integración y Personalización

Claude como Asistente de Trabajo

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0017:18

Artefactos de Claude: apps sin código

Curso de Claude AI

Clase 11 de 20

Clase 11 / 20

Recursos

Los artefactos de Claude son archivos vivos que van desde un documento de texto hasta miniaplicaciones interactivas con IA generativa. Si quieres dejar de copiar y pegar respuestas y empezar a construir herramientas reutilizables para tu trabajo, aquí entra su verdadero poder.

¿Qué son los artefactos de Claude y dónde los encuentro?

Un artefacto es cualquier archivo que Claude genera dentro de un chat: presentaciones, planillas, documentos o dashboards hechos con lenguaje web. La diferencia con un mensaje cualquiera es que queda guardado, editable y reutilizable.

Desde la app de escritorio, web o móvil, vas al menú izquierdo y haces clic en Artefactos [01:00]. Ahí encuentras dos pestañas:

Artefactos preconstruidos como inspiración.
Tus artefactos, donde viven todos los documentos y aplicaciones que ya creaste.

No necesitas volver al chat original para recuperarlos. Todo queda ordenado en su propio espacio.

¿Qué es un artefacto en Claude? Es un archivo o miniaplicación que Claude crea dentro de un chat y guarda en tu biblioteca. Puede ser texto, código, un dashboard interactivo o una app con IA generativa por dentro.

¿Para qué sirven los artefactos en el día a día?

Van mucho más allá de un documento estático. Entre los ejemplos preconstruidos hay un juego de plataformas con IA donde eliges un tema (cuevas de cristal, bodega flotante, paisaje de sueños) y se genera un nivel jugable [01:50]. También hay convertidores de documentos de requerimientos en prototipos de aplicación, generadores de lluvia de ideas y un generador de códigos QR que conviene guardar en tu biblioteca para usar con cualquier link [03:00].

La idea clave: cualquier flujo repetitivo de tu trabajo puede convertirse en un artefacto.

¿Cómo creo mi primer artefacto paso a paso?

Tienes dos caminos: el botón Nuevo artefacto arriba a la derecha o pedírselo directamente en cualquier chat [03:30]. Al usar el botón, Claude te guía con categorías y preguntas rápidas para no partir de cero.

Ejemplo: una calculadora de ahorro para un SaaS

Siguiendo el caso de un e-commerce para restaurantes, le pedí construir una calculadora web que compare dos planes propios contra la competencia:

Plan estándar de 99 USD con delivery integrado vía Uber Direct y Rappi.
Plan light de 49 USD con menos funcionalidades.
Competencia con fee de 1 dólar por venta.

Claude me devolvió preguntas para afinar el resultado: diferencias entre planes, qué datos debía ingresar el usuario (ventas mensuales, ticket promedio), si quería supuestos de precio o búsqueda en internet [05:30]. Con esas respuestas armó la primera versión: punto de equilibrio, ahorro mensual automático y barra visual comparativa.

Cómo iterar el artefacto hasta dejarlo útil

La primera versión casi nunca es la final, y esa es la gracia. Le pedí dos ajustes concretos:

Incluir el costo de delivery en la ecuación.
Agregar un gráfico de líneas comparativo entre planes y competencia.

Claude reajustó la app, sumó un slider de costo de delivery con default de 4 dólares, desglose por tarjeta (fee de plataforma + delivery + total) y un gráfico con líneas de colores marcando dónde cambiar de plan se vuelve rentable [09:00]. Cada cambio queda sobre la base anterior, sin empezar de nuevo.

¿Necesito saber programar para usar artefactos? No. Claude suele usar React, Tailwind y HTML por detrás, pero tú solo describes qué quieres y pides ajustes en lenguaje natural.

¿Cómo creo artefactos con IA generativa por dentro?

Aquí está la parte más potente. Un artefacto puede tener funciones de IA generativa usando el mismo Claude por detrás. Probé creando una herramienta de productividad que convierte ideas desordenadas en posts exitosos para LinkedIn [10:30].

El prompt combinó dos cosas:

Búsqueda en internet de mejores prácticas para posts de alto engagement y visualizaciones.
Generación de la app que toma texto en bruto y lo transforma en un post listo, además de recomendar contenido visual (imágenes, carruseles, videos).

Claude investigó primero (estructura hook, rehook, body, CTA, datos como 6,6 de engagement en carruseles con múltiples imágenes) y luego construyó el generador con opciones de tono y tipo de hook [12:30].

El detalle clave sobre quién paga la IA del artefacto

Cuando un artefacto usa IA generativa, ocupa los recursos de quien lo está usando. Si yo creo el artefacto y lo comparto, cuando tú entres se te pedirá iniciar sesión con tu Claude y la generación correrá sobre tu suscripción, no sobre la mía [14:30]. Eso lo hace ideal para crear herramientas internas en un equipo o para distribuir entre clientes sin que tu plan sea el cuello de botella.

Si quieres saltarte ese login, puedes tomar el código del artefacto, conectarlo a una API propia y publicarlo como app web independiente.

¿Cómo publico y comparto un artefacto?

Dentro del artefacto hay un botón Publicar que lo deja disponible en la web y te entrega un enlace para compartir [16:00]. Ese link puedes pegarlo en recursos de tu equipo, en redes o en una landing.

Una recomendación práctica: combina los artefactos con todo lo demás de Claude. El modelo Opus 4.5, la búsqueda en internet, el modo extendido y herramientas que verás más adelante como MCP, Skills y Claude Code conviven en paralelo. Puedes adjuntar documentos previos, pedir un deep research antes de generar la app o cargar materiales propios para que el artefacto nazca con contexto real.

Ahora te toca a ti: crea tu primer artefacto, dale publicar y compártelo en los comentarios para que entre todos nos inspiremos con nuevas ideas.