Crea presentaciones increíbles con Claude Code sin usar Canva ni PowerPoint

Picture of Margot Duek

Margot Duek

En este video mostramos cómo crear presentaciones profesionales utilizando Claude Code, HTML y GitHub Pages en lugar de herramientas tradicionales como Canva o PowerPoint. Aprendemos cómo convertir una idea en una presentación interactiva con animaciones, transiciones cinematográficas y elementos visuales avanzados utilizando únicamente instrucciones escritas o notas de voz desde el celular. Durante el proceso creamos una presentación desde cero, conectamos Claude con GitHub, publicamos el archivo en internet mediante GitHub Pages y agregamos efectos personalizados como objetos animados, cursores personalizados y elementos interactivos. Este flujo permite crear presentaciones mucho más llamativas en menos tiempo y demuestra cómo la inteligencia artificial puede transformar la manera en que diseñamos materiales visuales.
  • Cómo crear presentaciones profesionales utilizando Claude Code en lugar de Canva o PowerPoint.
  • Por qué utilizar HTML como formato para crear presentaciones interactivas.
  • Cómo convertir una idea inicial en una presentación utilizando inteligencia artificial.
  • Cómo utilizar Claude desde computadora o celular mediante notas de voz.
  • Cómo conectar Claude Code con GitHub para almacenar y publicar presentaciones.
  • Cómo crear animaciones y transiciones cinematográficas dentro de una presentación HTML.
  • Cómo agregar elementos interactivos que no serían sencillos de crear en PowerPoint.
  • Cómo utilizar imágenes, logos y archivos propios como referencia para una presentación.
  • Cómo pedirle a Claude que genere una presentación tipo PowerPoint utilizando HTML.
  • Cómo crear un repositorio público en GitHub para compartir una presentación.
  • Cómo utilizar GitHub Pages para publicar presentaciones en internet.
  • Cómo personalizar elementos de la presentación como cursores, imágenes y animaciones.
  • Cómo modificar una presentación utilizando instrucciones naturales sin editar código manualmente.
  • Cómo crear experiencias visuales avanzadas en poco tiempo utilizando inteligencia artificial.
  • Las ventajas de usar IA para prototipar ideas antes de invertir tiempo en diseño tradicional.

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:

  1. Claude crea la presentación HTML.
  2. Se guarda en GitHub.
  3. GitHub Pages la convierte en una página pública.
  4. 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.

Si eres de los que destruye templates ya hechos de presentaciones en Canva, entiendo, me pasa lo mismo.

Y aparte te tardas muchísimo tiempo haciéndolo.

Es terrible.

Pero en este video te voy a enseñar cómo hacer presentaciones estilo Canva o PowerPoint mucho más profesionales y desde tu celular con notas de voz o desde la computadora.

Se puede hacer en ambas partes.

Vamos a hacer presentaciones del calibre de esta, con transiciones, con elementos animados, con lo que se te ocurra.

En este caso a mí se me ocurrió una lluvia de completos, que es la comida típica de Chile.

No tengo idea cómo hacer esto en PowerPoint.

No sé si se pueda.

Y aquí te voy a enseñar cómo hacerlo en menos de tres minutos.

## Paso número uno: tener clara la idea

Lo primero que necesitas es tener la idea y la presentación armadas en tu cerebro.

Tienes que saber qué vas a hacer.

Porque si no, vas a abrir Claude y vas a empezar desde cero.

Si no tienes la idea, puedes preguntarle a Claude y pedirle que te ayude.

A mí personalmente me gusta mucho más hacerlo con ChatGPT porque siento que me ayuda a exprimir más mi cerebro, pero puede ser la herramienta que tú quieras.

Lo importante es tener claro qué quieres comunicar.

## Paso número dos: crear una cuenta en GitHub

Ahora necesitamos entrar a GitHub.com y crear una cuenta.

¿Por qué GitHub?

Porque vamos a subir nuestra presentación a internet.

No estamos utilizando PowerPoint.

No estamos utilizando Google Slides.

No estamos utilizando Canva.

Vamos a crear una presentación desde cero utilizando Claude.

Por eso necesitamos que viva en algún lugar.

Ese lugar será GitHub.

## Paso número tres: conectar GitHub con Claude

Ahora necesitamos conectar GitHub con Claude.

Esto permite que Claude pueda manejar nuestro repositorio y hacer las acciones necesarias.

Puede funcionar desde la computadora, desde el celular o incluso con notas de voz.

Algo importante:

Estamos trabajando con Claude Code.

Necesitas tener la aplicación de Claude.

Si no conoces Claude o no sabes cómo funciona, tengo otro video donde explico Claude desde cero.

Ahí puedes aprender qué es esta herramienta y cómo utilizar cada sección.

## Paso número cuatro: convertir ideas en una presentación

Ahora viene la parte que todos estamos esperando.

¿Cómo convertimos una idea en una presentación?

En este caso yo no tenía una idea concreta.

Entonces prácticamente le pedí a Claude que me ayudara a crear una presentación para mostrarles el potencial de la herramienta.

En mi carpeta tenía una foto de Haaland y varios logos.

Desde mi celular le pedí:

“Necesito que me ayudes a crear una presentación HTML.”

¿Por qué HTML?

Porque HTML es un archivo que se convierte en una página web.

Pero no importa, no significa que será una página.

Lo vamos a utilizar como formato para una presentación.

Le pedí que fuera como un PowerPoint, pero en HTML.

También le pedí muchas transiciones para que se viera mucho más profesional.

Y que Haaland hiciera malabares con los logos.

Vamos a ver qué crea.

## El proceso de creación con Claude

Esta parte me encanta porque puedes ir viendo cómo Claude trabaja.

Es como si estuviera revisando su propio trabajo.

Dice:

“El deck está creado, déjame verlo en el navegador para revisar que todo esté bien.”

Después empieza a detectar cosas que quiere mejorar.

Dice:

“Esto está mal, esto está bien, voy a corregirlo.”

Va avanzando diapositiva por diapositiva.

Y poco a poco construye la presentación.

## Revisando la primera versión

Vamos a ver cómo quedó.

Hago clic.

Me dice:

“Haz clic para acelerar los logos.”

Le vuelvo a dar clic y los logos se aceleran.

Le doy clic otra vez y se frenan.

Van saliendo los elementos animados.

Está bastante interesante.

Vamos a la siguiente diapositiva.

Tiene transiciones cinematográficas.

La estructura quedó igual.

Solamente cambié algunas animaciones y pedí una nueva versión.

## Crear una segunda versión con más animaciones

En la versión tres le pedí algo mucho más específico.

Que entrara Haaland desde un lado.

Que entrara la cebolla de Haaland por otro lado.

Que quedaran frente a frente.

Y después que entrara Kane y los pateara.

Le di la indicación y esperé a ver el resultado.

Mientras trabaja, quiero platicarles rápidamente quién soy.

Mi nombre es Margot.

Soy directora y fundadora de TRiAGE Business Health.

Ayudamos a empresas a implementar inteligencia artificial maximizando su retorno de inversión.

También damos capacitaciones, pláticas y keynotes sobre inteligencia artificial aplicada a negocios.

## Publicar la presentación en internet

Ahora viene el paso número cinco.

Tenemos que subir esto a algún lugar.

Por eso creamos la cuenta de GitHub.

Lo que tenemos que decirle a Claude es que cree un repositorio nuevo.

Un repositorio es como una caja donde vamos a guardar nuestra presentación.

Necesitamos pedirle que sea público para poder verlo desde:

– celular;
– computadora;
– cualquier lugar.

Después vamos a crear un GitHub Pages.

GitHub Pages permite que nuestra presentación no solamente viva dentro del repositorio, sino que tenga un enlace donde cualquier persona pueda verla.

Le doy esta instrucción:

“Necesito que crees un nuevo repositorio llamado presentación de Haaland y que sea un repositorio público para que puedas hacer un GitHub Pages y yo pueda verlo con un link.”

Eso es todo.

Le pides un repositorio público y un GitHub Pages.

Cuando termina, te devuelve el enlace.

## Personalizar elementos de la presentación

Un último cambio.

Quiero que el mouse sea la foto que tengo de mi cara.

Ese sticker que puse en alguna diapositiva.

Quiero que cuando mueva el mouse sea mi cara.

Esto también se puede hacer.

Vamos a ver la versión final.

Lo primero que hice fue cambiar el mouse por mi cara.

Hago grande la presentación.

Ahora cuando muevo el cursor aparece mi cara.

Puedo poner mi cara encima de Haaland.

Puedo moverla.

Puedo hacer diferentes interacciones.

## La presentación final

Vamos a ver la siguiente diapositiva.

Tengo mi cara aquí.

Le doy clic.

Transiciones cinematográficas.

Sale Haaland.

Después entra la cebolla.

Entra Kane y los patea.

Todo esto está dentro de mi presentación con animaciones.

Y lo hice en muy poco tiempo.

Imagínense hacer esto en PowerPoint o Canva.

Sería muchísimo más complicado.

Y todo esto lo hicimos simplemente conversando con inteligencia artificial.

## Conclusión

La próxima vez que tengas una idea que quieres hacer pero no sabes cómo crearla, no pienses solamente en las herramientas tradicionales.

Ahora puedes utilizar inteligencia artificial para convertir ideas en experiencias visuales.

Puedes crear presentaciones, páginas, prototipos y mucho más.

Visita el canal y revisa todo lo que puedes hacer con ayuda de la inteligencia artificial.

Nos vemos en el próximo video.