Crear una presentación visualmente impactante normalmente implica invertir mucho tiempo ajustando diseños, animaciones, imágenes y transiciones.
Aunque herramientas como Canva y PowerPoint facilitan el proceso, muchas veces seguimos limitados por plantillas y elementos prediseñados.
Con inteligencia artificial es posible cambiar completamente este flujo.
En este tutorial mostramos cómo crear una presentación interactiva utilizando Claude Code, HTML y GitHub Pages.
Crear presentaciones con inteligencia artificial
La idea principal es dejar de diseñar manualmente cada elemento.
En lugar de abrir una plantilla y modificarla, podemos describir qué queremos crear y permitir que Claude genere la estructura.
Por ejemplo:
- Estilo visual
- Narrativa
- Animaciones
- Elementos interactivos
- Transiciones
Claude convierte esa descripción en una presentación funcional.
¿Por qué utilizar HTML para una presentación?
Aunque normalmente pensamos en HTML como una tecnología para páginas web, también puede utilizarse para crear presentaciones.
Una presentación HTML permite agregar:
- animaciones avanzadas;
- transiciones personalizadas;
- interactividad;
- efectos visuales.
Además, puede publicarse fácilmente en internet.
Crear una presentación desde una idea
El primer paso es tener claro qué queremos comunicar.
Si no tienes una idea definida, puedes pedirle ayuda a Claude para desarrollar el concepto.
Puedes indicarle:
- tema;
- audiencia;
- objetivo;
- estilo deseado.
Después Claude puede ayudarte a crear la estructura y generar la presentación.
Crear presentaciones desde celular con notas de voz
Una ventaja interesante de este flujo es que no necesitas estar frente a una computadora todo el tiempo.
Puedes darle instrucciones a Claude desde tu celular utilizando voz.
Esto permite capturar ideas rápidamente y convertirlas en proyectos visuales.
Conectar Claude con GitHub
Para publicar la presentación necesitamos un lugar donde pueda vivir el archivo.
GitHub funciona como un repositorio donde guardamos la presentación creada.
El flujo es:
- Claude crea la presentación HTML.
- Se guarda en GitHub.
- GitHub Pages la convierte en una página pública.
- Podemos compartir un enlace.
Crear animaciones y transiciones avanzadas
Una de las ventajas de crear presentaciones con HTML es la libertad creativa.
Puedes pedir elementos como:
- objetos entrando a pantalla;
- movimientos;
- efectos cinematográficos;
- cambios de velocidad;
- interacciones con clics.
Esto permite crear experiencias que serían mucho más complejas en PowerPoint.
Publicar presentaciones con GitHub Pages
GitHub Pages permite convertir un repositorio en una página web pública.
Esto significa que una presentación puede abrirse desde:
- computadora;
- celular;
- cualquier navegador.
No necesitas enviar archivos pesados ni preocuparte por compatibilidad.
Personalizar elementos visuales
Otra ventaja es que puedes modificar elementos específicos mediante instrucciones.
Por ejemplo:
- cambiar el cursor;
- agregar una imagen;
- modificar una animación;
- cambiar una transición.
No necesitas editar directamente el código.
Puedes explicarle a Claude qué cambio quieres realizar y ajustar el resultado.
El futuro de las presentaciones con IA
La inteligencia artificial está cambiando la forma en la que creamos materiales visuales.
Antes necesitabas dominar herramientas de diseño para crear algo atractivo.
Ahora la habilidad principal es saber comunicar una idea, dar contexto y utilizar correctamente las herramientas.
Las presentaciones dejan de ser simples diapositivas y pueden convertirse en experiencias interactivas.