Herramientas interactivas de aula¶
Material de aula · el índice de todo lo que se abre en el navegador
Estas son las herramientas y demos interactivas del curso, reunidas en un solo sitio. Todas son páginas HTML autocontenidas: se abren directamente en el navegador (doble clic o clic en el enlace), funcionan sin conexión a internet y no envían ningún dato a ningún servidor — todo se calcula en el propio ordenador. Puedes proyectarlas en clase aunque falle el wifi, y el alumno puede llevárselas y usarlas en su portátil sin instalar nada.
Cómo usar esta página
Cada bloque agrupa las herramientas por el momento del curso en que las necesitas. Abre el enlace de la columna Herramienta; si prefieres el contexto pedagógico, algunas tienen además su propia ficha en Markdown.
Para construir y practicar prompts¶
El corazón del bloque de prompt engineering: primero se construye, luego se lleva la chuleta al puesto de trabajo.
| Herramienta | Para qué | Cuándo usarla en el curso |
|---|---|---|
| Constructor de Prompts | Montar un prompt paso a paso con la fórmula Rol + Contexto + Tarea + Restricciones + Formato, con pistas en cada campo y el resultado listo para copiar | Clase 1, bloque de prompting: cada alumno construye su primer prompt sólido sobre un caso propio |
| Chuleta de Prompt Engineering · (ficha) | Chuleta-acordeón con las 5 estructuras maestras, las reglas de oro de OpenAI/Google/Anthropic y botones de Copiar en cada bloque | Al cerrar el bloque de prompting (primero se practica, después se regala la chuleta); queda como referencia de escritorio |
Finanzas personales¶
| Herramienta | Para qué | Cuándo usarla en el curso |
|---|---|---|
| Calculadora 50/30/20 | Repartir los ingresos en 50 % necesidades · 30 % deseos · 20 % ahorro/deuda, con detección automática de suscripciones y aviso de dónde recortar | Clase 2, bloque financiero: se usa junto al ejercicio del asesor de finanzas personales |
Talleres¶
| Herramienta | Para qué | Cuándo usarla en el curso |
|---|---|---|
| Mapeador de flujos | Mapear procesos propios como Disparador → Acción de IA → Resultado y priorizar cuáles automatizar primero | Taller 1 (Clase 1): cada participante sale con el mapa de su primera automatización |
Para proyectar en clase: decks y demos en vivo¶
Pensadas para la pantalla grande. Los decks sustituyen a PowerPoint; las demos son el momento "wow".
| Herramienta | Para qué | Cuándo usarla en el curso |
|---|---|---|
| Deck · Clase 1 · Básica | Presentación completa de la clase de 4 h: de usuario ansioso a usuario que automatiza | Hilo conductor de toda la Clase 1 |
| Deck · Clase 2 · Avanzada | Presentación completa de la clase de 4 h: de constructor a director de agentes | Hilo conductor de toda la Clase 2 |
| Demo Plan B · Dashboard de ventas | Muestra la evolución V1 → V2 → V3 de un prototipo hecho por lenguaje natural, sin depender de internet | Bloque de vibe coding (Clase 2), como red de seguridad si falla la demo en directo |
| Pixel Agents · oficina en pixel-art · (ficha) | Recreación animada de varios agentes trabajando como personajes de pixel-art; visualiza "dirigir un equipo de agentes" | Cierre del bloque de Claude Code y subagentes (Clase 2), como broche visual |
Cierre del curso¶
| Herramienta | Para qué | Cuándo usarla en el curso |
|---|---|---|
| Certificado de finalización | Certificado imprimible de las dos clases (Básico + Avanzado), personalizable y listo para llevar a casa | Al terminar la Clase 2, como reconocimiento y cierre |