Prompts para generar las slides del curso¶
Materiales de aula · Prompts listos para copiar que generan los dos decks (interactivos, con mucha imagen) usando solo los tres ecosistemas del curso. Siguen la fórmula y las etiquetas que enseñamos en clase — son, además, un ejemplo vivo del método.
Los decks ya están construidos y listos para proyectar: slides/sesion-1.html (20 slides) y slides/sesion-2.html (18 slides) — navegación con flechas/clic, viñetas progresivas, temporizadores de taller integrados (8/25/47 min, con hitos en el Taller 2), barra de progreso y F para pantalla completa. Solo faltan las imágenes: genéralas con los prompts del Paso 2 y guárdalas en
slides/imagenes/comos1-3.png,s2-12.png… — el deck las carga solo (si falta una, muestra el hueco[IMAGEN-n]). Los prompts de abajo quedan para regenerar los decks con otro estilo (p. ej., en Claude Design) o adaptarlos a otro público.
El flujo en 3 pasos¶
- Genera el deck interactivo con Claude (Artifacts) — prompt maestro de abajo, pegando el esquema de slides en
<datos>. Alternativas: Gemini (Canvas o Gemini en Google Slides) o ChatGPT (Canvas). - Genera las imágenes con Nano Banana (Gemini) o con la generación de imágenes de ChatGPT — un prompt por slide, siempre precedido por el bloque de estilo global (consistencia visual).
- Inserta las imágenes en los huecos
[IMAGEN-n]que el deck deja marcados.
Paso 1 · Prompt maestro del deck (Claude con Artifacts)¶
Copia esto en claude.ai y pega el contenido de esquema-slides de la Sesión 1 dentro de <datos>:
<contexto>
Soy formador de un curso llamado «IA para Directivos: de Usuario a Constructor»,
para directivos sin base técnica. Voy a impartir la Sesión 1 (105 minutos) en una
sala con proyector. Necesito una presentación que mantenga la energía alta.
</contexto>
<datos>
[PEGA AQUÍ EL ARCHIVO esquema-slides.md COMPLETO DE LA SESIÓN]
</datos>
<tarea>
Crea una presentación interactiva en HTML (una sola pieza autocontenida) con las
20 diapositivas descritas en <datos>, respetando títulos, viñetas y orden.
Ignora las «Notas del ponente» (no deben verse en pantalla).
Añade estos elementos interactivos:
1. Navegación con flechas del teclado y clic, y barra de progreso inferior.
2. Un temporizador visible integrado SOLO en las diapositivas de taller y
micro-práctica (25:00 para el Taller 1, 8:00 para la micro-práctica),
con botón de inicio/pausa y aviso visual al agotarse.
3. En las diapositivas que hacen una pregunta a la sala, la respuesta aparece
solo al hacer clic (revelado progresivo).
4. Las viñetas de cada diapositiva entran de una en una con cada clic.
5. Un hueco visual claramente marcado [IMAGEN-n] en cada diapositiva (lado
derecho o fondo), donde n es el número de slide, para pegar después las
ilustraciones.
</tarea>
<formato>
HTML autocontenido (CSS y JS incluidos), tipografía grande y legible desde el
fondo de la sala, máximo 5 viñetas visibles por diapositiva, paleta: índigo
oscuro (#1a237e), ámbar (#ffc107) y blanco. Sin dependencias externas.
Estética sobria y ejecutiva, no infantil.
</formato>
Para la Sesión 2, usa el mismo prompt cambiando: «Sesión 1» → «Sesión 2», «20 diapositivas» → «18 diapositivas», y el temporizador: «47:00 para el Taller 2, con avisos intermedios en los minutos 8, 20 y 42 (los hitos de los pasos)».
Iterar el deck (es vibe coding — aplica el ciclo del curso): «haz los títulos un 20 % más grandes», «añade un contador de slide (n/20)», «oscurece el fondo del bloque de gobernanza para marcar el cambio de tono». Cuando esté, Publicar y guarda el enlace: proyectas desde el navegador.
Variante para Gemini (Google Slides)¶
Si prefieres un .pptx editable: abre Gemini en Google Slides (o gemini.google.com) y usa el mismo prompt cambiando la tarea: «Genera la estructura de 20 diapositivas para Google Slides: por cada una dame título, viñetas y una descripción de la imagen sugerida» — y monta el deck con «Ayúdame a crear» (⚠ verificar disponibilidad según plan de Workspace).
Paso 2 · Estilo visual global (pégalo ANTES de cada prompt de imagen)¶
Para que las ~25 imágenes parezcan de la misma familia, precede todos los prompts de imagen con este bloque:
Estilo para todas las imágenes de esta serie: ilustración editorial minimalista
y moderna, estilo flat con texturas sutiles, paleta dominante índigo oscuro y
ámbar con acentos blancos, personajes profesionales diversos de mediana edad
(45-60 años) en contexto de oficina elegante, sin logotipos reales, SIN NINGÚN
TEXTO NI LETRAS dentro de la imagen, composición limpia con espacio negativo,
formato panorámico 16:9.
Los modelos de imagen deforman el texto: por eso «sin texto» va en mayúsculas. Genera en Nano Banana (Gemini) o en ChatGPT; guarda cada imagen como
s1-05.png,s2-12.png… según sesión y slide.
Prompts de imagen · Sesión 1 (por slide)¶
| Slide | Prompt (añádelo tras el bloque de estilo) |
|---|---|
| 1 · Portada | Directiva subiendo una escalera luminosa que pasa de sombras de engranajes a un horizonte brillante, metáfora de transformación |
| 3 · La cita | Un elefante translúcido y elegante sentado en medio de una sala de juntas mientras los ejecutivos miran hacia otro lado |
| 4 · 3 necesidades | Tres pilares clásicos sosteniendo a un profesional en equilibrio; uno de los pilares empieza a agrietarse suavemente |
| 5 · AWARE | Cinco peldaños ascendentes iluminados uno a uno, con una figura de líder tendiendo la mano a su equipo en el primer peldaño |
| 6 · Bloom invertido | Una pirámide dorada cuyo vértice se vuelve abundante y cae como arena, mientras una balanza cercana brilla con más fuerza |
| 7 · No es un buscador | Contraste: a la izquierda una lupa pequeña y fría; a la derecha una conversación cálida entre una persona y una figura luminosa colaborativa |
| 8 · La fórmula | Cinco piezas de puzle encajando en secuencia sobre un escritorio ejecutivo, cada pieza de un tono distinto de la paleta |
| 11 · Micro-práctica | Dos profesionales intercambiando una hoja que brilla entre ellos, ambiente de complicidad y trabajo en pareja |
| 12 · Workflow-first | Vista cenital de un escritorio donde un camino de fichas de dominó ordenadas atraviesa el caos de papeles |
| 13 · Oráculo vs agente | Díptico: una figura consultando una esfera mística vs. un pequeño autómata amable clasificando sobres en una cinta transportadora |
| 14 · Caso RR. HH. | Un flujo de tres estaciones conectadas por un hilo de luz: un sobre, un cerebro estilizado procesando y un dossier entregado |
| 16 · Semáforo de datos | Tres carpetas de documentos bajo tres focos de luz: verde, ámbar y rojo, sobre una mesa de juntas |
| 18 · Humano en el bucle | Una mano humana firme sobre un gran botón de aprobación, con engranajes automáticos esperando pacientemente detrás |
| 19 · Taller 1 | Manos dibujando un diagrama de tres cajas conectadas con rotulador sobre papel, café y portátil cerrado al lado |
| 20 · Cierre | Un puente elegante a medio cruzar: la orilla de origen con herramientas de oficina, la de destino con una ciudad luminosa en construcción |
Prompts de imagen · Sesión 2 (por slide)¶
| Slide | Prompt |
|---|---|
| 1 · Portada | Un director de orquesta de espaldas dirigiendo un enjambre de partículas de luz que construyen la silueta de una aplicación |
| 2 · Promesa del día | Un plano y una llave inglesa transformándose en una interfaz brillante que emerge de un portátil |
| 3 · Vibe coding | Dos sillas de despacho frente a frente: en una, una persona hablando; en la otra, una figura luminosa tecleando a velocidad imposible |
| 4 · Ventaja injusta | Un veterano ejecutivo cuya sombra proyectada en la pared es un arquitecto con planos, metáfora de experiencia como superpoder |
| 5 · Relato honesto | Un camino de montaña con tres tramos: subida empinada, meseta con niebla y cima despejada al amanecer |
| 6 · TrendFeed | Un cohete diminuto y brillante en lo alto y, abajo, un jardín amplio de plantas creciendo sanas: excepción vs. norma |
| 7 · Problemas no funciones | Contraste: caja de herramientas fría vs. escaparate de panadería con clientes felices, el para-quién antes que el qué |
| 8 · Prompt fundador | Cuatro ingredientes flotando sobre un cuenco que los mezcla en un haz de luz: nota de problema, siluetas de audiencia, cinco gemas, diana |
| 10 · Herramientas | Tres puertas elegantes del mismo edificio con luz cálida saliendo de ellas, arquitectura equivalente |
| 11 · Categoría aparte | Una puerta distinta al fondo de un pasillo, más técnica, con un resplandor de terminal verde saliendo por debajo |
| 12 · Demo | Público en penumbra mirando un escenario donde una pantalla gigante construye una interfaz pieza a pieza |
| 13 · El ciclo | Cuatro flechas formando un círculo virtuoso alrededor de un prototipo que mejora en cada vuelta, efecto de espiral ascendente |
| 14 · Taller 2 | Manos de varias personas sobre portátiles con pantallas brillando, ambiente de taller concentrado y energético |
| 16 · Co-inteligencia | Una mesa de juntas con una silla extra ocupada por una presencia luminosa amable, integrada con naturalidad en la reunión |
| 17 · Reto 30 días | Un calendario de pared con una cadena de días marcados en ámbar y dos banderas en los días 15 y 30 |
| 18 · Cierre | La misma directiva de la portada de la S1, ahora en la cima de la escalera, tendiendo la mano hacia el espectador |
Paso 3 · Hacer la clase dinámica (cómo usar todo esto)¶
- Kahoot de diagnóstico (kahoots.md): lánzalo antes de empezar o en el minuto 3 de la S1 — rompe el hielo y te calibra la sala en 5 minutos.
- Viñetas de una en una (el deck ya lo hace): evita que la sala lea la slide entera mientras hablas.
- Preguntas con revelado: en las slides 13 y 16 de la S1, pide respuestas a mano alzada ANTES de hacer clic.
- Temporizadores integrados: proyectados durante los talleres, quitan la ansiedad de reloj y te liberan de cronometrar.
- Kahoot de refuerzo S1: ideal como reconexión al arrancar la Sesión 2 (formato dos días) o tras la pausa (intensivo).
- Kahoot de refuerzo S2: al cierre de la S2 o a las 48 h por el canal del reto — el recuerdo espaciado refuerza más.
- Las imágenes no se comentan: están para acompañar la emoción de cada mensaje, no para explicarlas. Si una imagen necesita explicación, cámbiala.
⚠ verificar antes de la clase: que el artifact publicado abre sin cuenta, límites de generación de imágenes de tu plan, y proyector con el portátil (el deck HTML se ve distinto en resoluciones antiguas: pruébalo en la sala).