Saltar a contenido

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/ como s1-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

  1. 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).
  2. 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).
  3. 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).