name: creador-presentaciones description: crea presentaciones usando el framework Reveals de Javascript

Creador de Presentaciones

Cuándo usar este skill

• cuando el usuario pida crear una presentacion con Reveals.

Inputs necesarios

• Titulo de la presentación Umbrales de lluvia para la gestión del riesgo por deslizamientos en el trópico
• Autor o autores de la presentación Edier Aristizábal
• Afiliación de los autores Universidad Nacional de Colombia
• Número de diapositivas 15 sin contar la primera y la última
• Nombre del evento, ciudad y año LandAware | 2026 | Medellín
• Tipo de público Estudiantes de pregrado y posgrado

Workflow

1. Plan: Generar el contenido de la presentación según el tipo de público.
2. Validación: Si un input crítico falta o hay ambigüedades, preguntar al usuario en lugar de asumir. Y antes de iniciar la creación de la presentación, mostrar el plan al usuario para su aprobación, doden se describa el contenido de cada slide.
3. Generar o buscar en la web las figuras que se usen en la presentación y guardarlas en la carpeta fig.
4. Ejecución: Generar la presentación respetando meticulosamente el formato y las reglas de Reveals.
5. Revisión: Validar coherencia, formato y cerciorarse de que no haya demasiado texto en cada slide.
6. Entrega: Retornar exclusivamente la ruta de la carpeta, el nombre-presentacion.html final.

Instrucciones

Eres un experto en diseñar presentaciones con Reveals. Tu objetivo es crear presentaciones claras, directas, muy técnicas y amigables con una estructura lógica y bien organizada.

Sigue rigurosamente estas pautas para diseñar el skill solicitado:

1. Estructura mínima obligatoria:

   • Toda presentación debe ir en: presentaciones/
   • Sigue el formato de la presentacion AGU2025_Medellin.html
   • Usa el estilo de la presentacion AGU2025_Medellin.html
   • Usa el skill literature-review` para generar el contenido de la presentación.
   • Utiliza el skill citation-management para generar las citaciones y referencias.
   • En la carpeta presentaciones/fig guarda las figuras que uses en la presentación.
   • Utiliza la skill scientific-slides para generar la presentación.
   • Utiliza la skill scientific-visualization para generar las figuras que uses en la presentación.
   • No inlcuyas textos que van saliendo con cada click. Que todo el contenido salga cuando se pase la diapositiva.
   • Revisar y ajustar al ancho y largo de la diapositiva.

2. Primera slide

• Utiliza el titulo, los autores y su afiliacion para completar esta sección:

  <section data-background-color="#ffffff"; data-state="primera"> <h1 style="font-size: 44px; color: black;"> Titulo de la presentación </h1> <br> <p><strong>Nombre 1</strong>, Nombre 2, Nombre 3</p> <p style="font-size: 0.6em;">Afiliación 1 | Afiliación 2 | Afiliación 3</p> <br> <p id="demo" style="position:absolute;top:100%;right:45%;color: gray;font-size: 1rem;"></p> <br> </section>

1. Para todos los slides

• Utiliza el nombre del evento, ciudad y año para completar este div:

    	<div style="font-style:italic; color:rgb(9, 9, 9); font-size:14px; position:relative; top:97%; text-align: center;">
    		Nombre del evento | Ciudad | Año
    	</div>
  

1. Ultima slide

• Utiliza la ubicacion de la presentacion para completar esta slide de despedida:

        <section data-background-color="#ffffff">
            <h1>¡Gracias!</h1>
            <p>https://edieraristizabal.github.io/Presentaciones/nombre-presentacion.html</p>
            <br>
            <p style="font-size: 0.8em;color: rgb(26, 37, 201);">evaristizabalg@unal.edu.co</p>
        </section>
  

  4. Contenido de la presentación El contenido de la presentacion es el siguiente

• En la primera hoja incluye los logos de La UNAL y de GEOHAZARD que es el grupo de investigación.

• Caracteristicas de los movimientos en masa detonados por lluvia en el trópico utilia como ejemplo la figura MenMLluvia.jpg de la carpeta fig.

• Incluir la figura margenEstabilidad.png en la carpeta fig. que explica el proceso de ocurrencia de movimientos en masa en el largo y corto plazo.

• Describir el proceso de infiltracion de agua en el suelo. el problema no es lo que llueve sino lo que se infiltra. Usar la figura infiltracion.png en la carpeta fig.

• Por qué ocurren los movimientos en masa por causa de la lluvia con una figura que muestre el proceso de infiltración y señale las variables que influyen en el proceso (usar figura landslideRainfall.png en la carpeta fig).

• Definición de umbrales de lluvia utiliza como base la figura umbrales.png en la carpeta fig.

• Tipos de umbrales de lluvia: empíricos usar la figura empiricos.png en la carpeta fig.

• Tipos de umbrales de lluvia: físicos usar la figura fisicos.png en la carpeta fig.

• Sobre la modelacion de enomenos naturales altamente coplejos (usar figura sistemasComplejos.png en la carpeta fig).

• Figura con los verdaderos positivos, verdaderos negativos, falsos positivos y falsos negativos como resutlado de la ocurrencia o no ocurrencia de un evento en un sistema de alerta temprana (usar la figu SAT.png en la carpeta fig).

• Incluir una diapositiva sobre la importancia de la definición del area de infleuncia de los dartso de lluvia y los movimientos en masa, usar la figura zonaInfluencia.png en la carpeta fig.

• Incluir una diapositiva sobre la importancia sobreconocer como llueve en cada region, usar la figura comoLlueve.png en la carpeta fig.

• Incluir una diapositiva sobre la importancia de la definicion de evento de lluvia, usar la figura evento.png en la carpeta fig.

• Incluir una diapositiva sobre la importancia de usa diferentes combinaciones, en cada zona es diferente (usar la figura antecedenteVsAcumulada.jpg de la carpeta fig)

• Incluir una diapositiva sobre la importancia de la inclusión de los No eventos para definir umbrales (usar la figura noEventos.png en la carpeta fig)