¿Qué son las diapositivas HTML?
Las diapositivas HTML son una presentación guardada como página web. Un archivo autónomo reúne diseño, imágenes y navegación y se abre en el navegador. Puedes crearlo con IA y presentarlo sin reconstruir las diapositivas en PowerPoint, Canva o Figma Slides.
Pide un archivo .html, no una carpeta, un proyecto React, un enlace de vista previa ni una exportación de PowerPoint. El navegador muestra las diapositivas; HTML Slide Presenter añade alojamiento temporal, control desde el teléfono y notas importadas.
Crea una presentación con tu material
Define quién te escucha, qué debe aprender y cuánto tiempo tienes. Aporta los datos y ejemplos que quieres usar. Para una charla de cinco minutos, empieza con tres diapositivas: el problema, un ejemplo útil y el siguiente paso.
Crea una presentación HTML autónoma para [público] sobre [tema]. Duración: [minutos]. Usa solo los datos del material que incluyo abajo. Usa un diseño claro 16:9, texto legible, CSS/JavaScript en línea y recursos integrados. Usa section.slide para cada diapositiva y exactamente una diapositiva .active a la vez. Incluye botones anterior/siguiente y navegación ArrowLeft/ArrowRight y Home. Dentro de cada diapositiva añade un script type="application/json" class="slide-notes" con title, script (guion oral) y notes (array de puntos breves). Oculta las notas en la diapositiva. Mantén el archivo completo por debajo de 2 MB. Sin frameworks, fuentes externas, imágenes remotas, llamadas API ni compilación. Dame el archivo deck.html completo, no solo un esquema. Material: [pega tu contenido]Sigue la guía específica de Claude o ChatGPT. La habilidad HTML Slide Presenter añade una plantilla reutilizable e instrucciones de validación para herramientas compatibles; en los chats normales basta el prompt.
Prueba un pequeño ejemplo funcional
Descarga el ejemplo de tres diapositivas, ábrelo en el navegador y prueba las flechas izquierda/derecha. Incluye un guion breve y puntos de apoyo para cada diapositiva. Guarda una copia antes de adaptar el texto y el diseño.
Si ya tienes una presentación, pide a la IA que conserve el contenido y el diseño mientras integra los recursos que falten y añade notas. Revisa los cambios: un archivo puede verse bien en la vista previa de IA y depender de archivos que nunca se descargaron.
Comprueba el archivo antes de subirlo
- Abre el archivo descargado localmente y recorre todas las diapositivas. Comprueba texto, contraste, imágenes y los primeros y últimos pasos de navegación.
- Desconecta la red y vuelve a abrirlo. El contenido esencial debe seguir visible si la presentación es autónoma.
- Mantén el archivo por debajo de 2 MB. Comprime las imágenes grandes o sustituye las imágenes decorativas por formas simples.
- Revisa personalmente los datos y las notas; el contenido generado puede incluir afirmaciones sin fundamento.
Elige cómo presentar
| Método | Ideal para | Qué debes saber |
|---|---|---|
| Navegador local | Una charla sencilla sin conexión | Usa las teclas de la presentación; no hay mando telefónico alojado. |
| HTML Slide Presenter | Una sesión temporal con control y notas en el teléfono | Gratis, sin cuenta ni aplicación; la sincronización requiere internet. |
| HTMLSlides | Un presentador instalado con notas en el portátil | Su aplicación de escritorio anuncia presentación sin conexión y con dos pantallas. |
Para usar el teléfono, abre HTML Slide Presenter, sube el archivo, elige 30 minutos, 3 horas o 1 día y completa la verificación antibots. Abre el enlace del presentador en la pantalla y el mando QR en el teléfono. Consulta la guía de configuración.
¿Qué es gratis y qué necesita internet?
Tiny Design Shop no requiere suscripción de presentación, instalación ni cuenta. Tu herramienta de IA tiene reglas de acceso y límites propios; esto no promete generación gratuita ilimitada.
La presentación se sube para una sesión temporal. El mando requiere internet y una pestaña del presentador abierta. Guarda una copia local de las diapositivas; no conservará la sincronización del teléfono. Para un evento, usa la lista de comprobación para conferencias.