Laboratorio de vibe coding TECNOVA CIE 2026 · 27 de octubre

Hoy construye su propia herramienta de clase.

Sin programar. Usted pone lo que sabe de su materia y Claude escribe el código. Esta página tiene todo lo del taller: la instalación, los ejemplos, cómo pedir bien y qué hacer si algo falla.

Una sola regla para todo el día: la herramienta hace pensar al estudiante; no piensa por él.

Regístrese para recibir su acceso a Claude

Con este correo le enviamos la invitación al espacio del taller. Tarda un minuto.

Escriba solo lo que va antes de @gmail.com.

Listo.

Ir al paso 1

Prepare su computador

Son unos diez minutos. Si se traba en algún paso, levante la mano: hay tres personas en la sala para ayudarle.

1

Acepte la invitación a Claude

Busque en su correo la invitación de Claude (Anthropic) y pulse el botón para aceptarla. Así queda dentro de la organización del taller, con acceso durante 3 días.

¿No le llegó? Revise el spam o la pestaña de Promociones, y si no aparece, avísele a un acompañante.

Ilustración aproximada. El correo real puede verse un poco distinto.
2
Claude

Instale Claude Desktop

Descárguelo desde claude.ai/download (Windows o Mac), instálelo e inicie sesión con el mismo correo de la invitación.

Si le pregunta qué cuenta usar, elija la organización del taller, no su cuenta personal.

Ilustración aproximada de la página de descarga.
3

Cree una carpeta y abra «Code»

  • En el Escritorio, cree una carpeta nueva llamada Taller IA.
  • En Claude Desktop, arriba, entre a la pestaña Code.
  • Elija trabajar en local y seleccione la carpeta Taller IA.
Ilustración aproximada de Claude Desktop con la pestaña Code.
4

Pegue este mensaje y deje que Claude prepare todo

Copie el texto, péguelo en Claude y presione Enter. Claude descarga los ejemplos y la skill del taller. Cuando le pida permiso para ejecutar algo, presione «Permitir».

Hola, Claude. Soy docente y estoy en el taller de vibe coding de TECNOVA. No sé programar, así que hazlo todo tú y explícame en palabras sencillas lo que vas haciendo. 1. Descarga https://tecnova.forjel.co/descargas/kit-tecnova.zip en esta carpeta y descomprímelo directamente aquí, sin crear subcarpetas; después borra el .zip. No uses git. En Windows usa PowerShell (Invoke-WebRequest y Expand-Archive); en Mac usa curl y unzip. 2. Copia todas las carpetas que hay dentro de .claude/skills a mi carpeta personal de skills (~/.claude/skills/) para que me queden disponibles después. 3. Lee .claude/skills/herramienta-educativa/SKILL.md y sigue esas instrucciones durante toda esta conversación. 4. Muéstrame en una lista corta los ejemplos de la carpeta «ejemplos» y pregúntame de qué programa soy. 5. Abre en mi navegador el ejemplo que yo elija y pregúntame qué le cambiaría para mi clase.
Ilustración aproximada: el mensaje pegado y el aviso de permiso.
5

A construir

De aquí en adelante, háblele a Claude como a un colega: usted es quien sabe del tema y Claude se encarga del código. Por ejemplo:

  • «Cambia el caso a una paciente de 32 años con preeclampsia, para estudiantes de octavo semestre.»
  • «Quiero que el estudiante justifique antes de ver la respuesta y que tenga máximo dos intentos.»
  • «Hazme desde cero un quiz de farmacología.» Claude le hará algunas preguntas antes de construir.

Puede dictar en vez de escribir. En Windows, la tecla Windows + H activa el dictado.

Ejemplos por programa

Los hizo un ingeniero, no alguien de su área, así que aquí el experto es usted. Pruébelos, elija uno y mejórelo para su clase, o úselos solo como inspiración. Cada uno es un archivo HTML que se abre con doble clic.

Ningún ejemplo está validado clínicamente. Los datos marcados «verificar» los debe revisar el docente antes de usarlos con estudiantes.

Los seis elementos de un buen pedido

No tiene que escribirlos todos de una vez, porque la skill del taller le pregunta lo que falte. Sirven para tener claro qué quiere.

ElementoQué respondeEjemplo
Qué es¿Qué herramienta quiero?«Crea un caso clínico interactivo…»
Para quién¿Quién la usa y de qué nivel?«…para estudiantes de cuarto semestre de odontología…»
Qué hace¿Cuál es su función principal?«…sobre un paciente con dolor dental agudo…»
Paso a paso¿Cómo avanza el estudiante?«…en tres etapas: anamnesis, examen y radiografía, con una decisión en cada una…»
Reglas pedagógicas¿Cómo garantizo que piense?«…que no muestre la respuesta hasta que justifique, y al final le explique en qué acertó…»
Cómo se ve¿Cómo es su diseño?«…limpio, letra grande y que funcione en celular.»
Pedido vago

«Haz un quiz de farmacología.» Resultado: preguntas de memoria con la respuesta a la vista. No hace pensar.

Pedido completo

«Quiz de 8 preguntas de aplicación clínica sobre betabloqueadores para sexto semestre; el estudiante elige y justifica antes de ver la explicación de cada opción.»

Mejore por rondas, un cambio a la vez

Pruebe su herramienta como si fuera su estudiante y pida un solo cambio por vez. Así sabe qué arregló cada pedido.

Describir→Probar como estudiante→Pedir un cambio→Volver a probar
1Contenido

Corrija o enriquezca la información, agregue un caso y ajuste la dificultad a su grupo.

2Diseño

Claridad, colores y que se vea bien en el celular de sus estudiantes.

3Pedagogía

Que haga pensar más: justificar antes de revelar, pistas graduales, límite de intentos y un resumen final.

Agenda del laboratorio
9:30Construcción y rondas de mejora
10:45Crítica cruzada entre programas
11:10Correcciones finales
11:20Presentaciones (2 min por grupo) y votación
11:50Cierre

Crítica cruzada

Pruebe la herramienta de otro programa como si fuera un estudiante de tercer semestre de esa carrera. Anote lo que encuentre y entrégueselo a quien la hizo.

Quién revisa a quién
  • Ingeniería Biomédica → Medicina
  • Medicina → Odontología
  • Odontología → Ingeniería Biomédica
  • Veterinaria ↔ Emprendimiento
Las cinco preguntas
  1. ¿Hay errores clínicos, datos inventados o desactualizados?
  2. ¿En algún momento da la respuesta sin hacer pensar?
  3. ¿Es clara para alguien que no conoce el tema?
  4. ¿Funciona bien en el celular?
  5. ¿Qué le agregaría para que el estudiante aprenda más?

Al votar, gana la herramienta que más hace pensar, no la más bonita.

Reglas de seguridad

Estas no se negocian.

  • Nunca ingrese datos reales de pacientes: nombres, documentos, historias clínicas o fotos identificables (Ley 1581 de 2012 y reserva de la historia clínica). Use casos ficticios.
  • Todo contenido clínico generado por IA lo valida el docente antes de usarlo con estudiantes. La IA se equivoca con el mismo tono seguro con el que acierta.
  • Las dosis y conductas se confirman siempre en una guía o fuente oficial vigente.
  • Los recursos son educativos: no sirven para tomar decisiones clínicas.
  • Dígales a sus estudiantes, de forma explícita, cuándo se permite usar IA y cuándo no.
  • Privacidad: en el plan Team del taller, Anthropic no usa sus conversaciones para entrenar sus modelos por defecto (política oficial). La excepción es el botón 👍/👎: si lo pulsa, esa conversación se envía a Anthropic como retroalimentación. Los chats se guardan para su historial; si borra uno, sale del sistema en un máximo de 30 días.

Lo que construya es suyo

Y sigue siéndolo cuando se acabe la licencia.

Su herramienta es un archivo

Queda en la carpeta Taller IA del Escritorio como un .html. Se abre con doble clic en cualquier navegador, incluso sin internet, y lo puede enviar por correo o WhatsApp o subir al aula virtual. No depende de Claude: sigue funcionando cuando se acabe la licencia.

Después del taller

Tiene Claude hasta el jueves. Después puede seguir con herramientas gratuitas y sus modos de estudio, que guían con preguntas en vez de dar la respuesta: Learning Mode de Claude, Study Mode de ChatGPT y Guided Learning de Gemini.

¿Algo falló con la instalación?

No pierda tiempo con eso: puede hacer todo el taller desde el navegador.

1

Abra Claude en el navegador

Entre a claude.ai con el correo de la invitación.

2

Descargue un ejemplo y adjúntelo

En la sección Ejemplos, pulse Descargar y arrastre el archivo al chat de Claude.

3

Pegue este mensaje

Soy docente universitario del área de la salud y no programo. Te adjunto una herramienta educativa en HTML. Quiero adaptarla para mi clase. Reglas: devuélvela siempre como un único archivo HTML (artifact) sin librerías externas; el estudiante debe decidir y justificar ANTES de ver la respuesta; nada de datos reales de pacientes; y si no estás seguro de un dato clínico, márcalo como «Docente: verificar». Primero pregúntame, una cosa a la vez y con opciones, para quién es y qué quiero cambiar.

Al terminar, descargue el artifact con el botón de descarga.

Descargas directas

kit-tecnova.zipTodos los ejemplos y la skill.

Descargar

skill-herramienta-educativa.zipLa skill del taller sola, para subirla en Claude › Configuración › Capacidades › Skills.

Descargar

skill-apple-design.zipDiseño y movimiento al estilo Apple, de Emil Kowalski (licencia MIT).

Descargar

skill-emil-design-eng.zipLos detalles de pulido de interfaz de Emil Kowalski (licencia MIT).

Descargar