Cómo crear artefactos con Claude AI (y por qué deberías usarlos)

Cómo crear artefactos con Claude AI (y por qué deberías usarlos)

Por Juan David Vanegas

26 de junio de 2026

En mis clases de derecho construimos mini-aplicaciones funcionales con inteligencia artificial, sin escribir una sola línea de código. Se llaman artefactos, y cambian completamente la forma en que se aprende y se ejerce el derecho.

¿Qué es un artefacto?

Un artefacto es una aplicación interactiva que Claude genera directamente en el chat. Puede ser una calculadora, un simulador, un juego, un formulario. Funciona en el navegador o la aplicación descargada en computadora, sin instalar nada, y puedes mejorarlo al instante con un mensaje de texto.

Los 5 artefactos que construimos en clase

Simulador de audiencias judiciales. Practicas litigio oral antes de pisar un juzgado. Claude interpreta al juez y a la contraparte; tú eres el apoderado.

Videojuego sobre el Bogotazo. Historia del 9 de abril de 1948 en formato de narrativa interactiva. El jugador toma decisiones y descubre sus consecuencias jurídicas y políticas.

Liquidador de acreencias pensionales. Calcula en segundos lo que le corresponde a un trabajador según el régimen aplicable, tiempo de servicio y salario base.

Liquidador de créditos. Simula cuotas, saldos e intereses conforme a la normativa del Banco de la República. Genera tabla de amortización completa.

Liquidador laboral. Cesantías, intereses, prima, vacaciones e indemnización. Calcula la liquidación completa de un contrato de trabajo según el CST.

Cómo crear el tuyo en 4 pasos

1. Define el problema. ¿Qué tarea jurídica quieres automatizar? ¿Quién la va a usar? ¿Qué datos recibe y qué resultado muestra?

2. Escribe un prompt estructurado. Dile a Claude qué rol tiene, qué debe construir, qué campos necesita el usuario, qué fórmulas o normas aplican, y cómo quieres que se vea el resultado.

3. Abre Claude y genera el artefacto. Pega tu prompt en claude.ai. El artefacto aparece en un panel lateral. Si Claude genera solo código, agrega al final: "Genera esto como un artefacto de React interactivo."

4. Itera. Pídele cambios en lenguaje natural: "agrega un botón de exportar", "incluye el artículo del CST de cada rubro", "cambia los colores a azul oscuro".

Prompt de ejemplo: liquidador laboral

Eres un experto en derecho laboral colombiano. Crea una aplicación interactiva de React que calcule la liquidación completa de un contrato de trabajo. Entradas: salario mensual, fecha de inicio, fecha de terminación, tipo de contrato (término fijo/indefinido), causa de terminación. Calcula y muestra en tabla: cesantías, intereses (12% anual), prima, vacaciones e indemnización si aplica. Incluye el artículo del CST de cada rubro. Todo en español, colores azul oscuro y blanco.

El único error que no puedes cometer

Usar el artefacto sin verificar la lógica. Claude construye la interfaz; tú aportas el criterio legal. Valida siempre los resultados contra la norma.

Es posible que debas iterar varias veces: es decir, repetir hasta lograr el resultado. Deberás pedirle a Claude ajustes con base en aspectos que consideres, deban ser corregidos. Es posible que debas desarrollar varias versiones hasta lograr una estable.

Volver al Blog