Cómo hacer presentaciones con IA usando Claude Code

Cómo hago presentaciones dinámicas con IA usando Claude Code, una librería de componentes propia y una skill que las monta en minutos.

Te dejo el vídeo arriba, pero aquí lo tienes escrito y con calma, que me habéis llenado los correos y los comentarios preguntando lo mismo: cómo narices hago esas presentaciones tan dinámicas de los vídeos.

La respuesta corta es que las hago con Claude Code. La respuesta larga es que detrás hay un sistema, y ese sistema es lo que de verdad importa. Vamos con él.

¿Se puede hacer una presentación con IA sin diseñar nada?

Sí, y esa es toda la gracia. Yo no arrastro cajitas ni me peleo con el diseño. Le delego el trabajo a Claude Code y me quedo supervisando.

Ojo, que supervisar es la palabra clave. No es "dale a un botón y ya". Es entender lo suficiente de cómo está montado todo para poder dirigirlo. Y eso me lleva a lo primero que me monté.

El panel para gestionar las presentaciones

Lo primero que hice fue pedirle a Claude que me montara un panel para administrar las presentaciones: tenerlas a mano, buscarlas, organizarlas. Yo se lo delegué entero, pero siempre supervisando.

Y aquí va una idea que repito mucho: cada vez pesa menos saber picar código y más entender la arquitectura. No hace falta que sepas programar, para eso ya está la IA. Lo que sí ayuda es saber pensar el cómo: cómo va a estar estructurado, que los componentes estén aislados, ese tipo de decisiones. Soy programador y os digo que hacia ahí vamos.

La librería de componentes (la clave de todo)

Con el panel montado pensé lo evidente: si quiero hacer presentaciones, necesito una librería de componentes. Un catálogo de piezas reutilizables (un título, un gradiente, una gráfica, un diagrama, un timeline) para que luego la IA elija cuáles usar en cada slide.

Le pedí a Claude que se fijara en cómo son las librerías de componentes de cosas como Keynote o aplicaciones tipo Brilliant, que aprendiera de ahí y las creara con el estilo de mi web. Con mi guía visual, mis patrones de diseño, mis colores.

Tengo unos 300 componentes base. Gráficas con SVG, todo tipo de charts, diagramas, cosas que se mueven, hasta algún efecto 3D y el efecto Matrix. Y como no sabía ni los que tenía, le pedí que me montara un catálogo para verlos todos de un vistazo. Podría crear muchos más, esa es la ventaja.

La skill de presentación: cómo se monta una en minutos

Con la librería lista, me creé una skill dentro de Claude Code que se llama presentación. Y esa skill también me la montó Claude, yo solo le dije lo que quería que hiciera.

Con eso ya le puedo pedir que me cree una presentación de lo que sea. En el vídeo lo hice en directo: le pedí una presentación para vender mi curso de automatización, y le pasé la ruta del archivo con la transcripción del curso para que supiera de qué iba.

Un apunte práctico. Para copiar esa ruta uso Yazi, un explorador de archivos de terminal (con la tecla que copia la ruta relativa). Y si eso te suena a chino, desde un editor como Cursor haces clic derecho y "copy relative path". Lo mismo, sin líos.

Lo que pasó a partir de ahí lo hizo todo él solo:

1. Hizo pull de todos mis repos para trabajar con todo actualizado. 2. Como la transcripción era enorme, lanzó varios subagentes a leerla por partes y devolver un resumen. Eso lo decide y lo gestiona él, tú no tienes que pensar en nada. 3. Le costó unos cinco minutos, pero no solo la leyó: entendió el curso, las partes clave, qué vende exactamente. 4. Me hizo un par de preguntas para confirmar detalles, con respuestas ya sugeridas para elegir o escribir la mía. 5. Propuso un plan, le dije que adelante, y se puso a crear el código de la presentación. 6. Hizo la parte de Git (commits, push), desplegó en mi servidor y verificó que el deploy terminaba bien antes de darla por hecha.

En unos diez minutos y sin tocar yo casi nada, tenía una presentación funcionando con su enlace. En bruto, claro. Lo suyo sería afinarlo (por ejemplo, un agente aparte que prepare el copy de venta con mi tono), pero como punto de partida es una barbaridad.

Si te llama la atención lo de repartir el trabajo entre varios Claude a la vez, lo cuento a fondo en subagentes de Claude Code.

Los mismos componentes, ahora ejercicios interactivos en mis cursos

Aquí es donde la cosa se pone bonita. Esos componentes no me sirven solo para presentaciones. Los uso también dentro de mi web para montar ejercicios interactivos para los alumnos.

En el curso de automatización enseño cómo funcionan las APIs por dentro, y una parte importante es entender los JSON. Pues monté un ejercicio donde el alumno escribe su propio JSON y le da a "comprobar": el componente le compara su código con el correcto, bien indentado y con los colores de la sintaxis, para que vea al momento dónde falla.

Mismo sistema, dos usos completamente distintos. Eso es lo que da tener una base de piezas reutilizables en vez de rehacerlo todo cada vez.

¿Por qué Claude Code y no otra IA?

Porque para mí es el que mejor equilibrio tiene entre tres cosas: inteligencia, ser sociable (te habla, te cuenta lo que va haciendo) y autonomía. Se lanza a hacer cosas sin estar preguntándote por absolutamente todo, y eso lo agradezco.

La autonomía tiene una consecuencia muy práctica: puedo dejarlo trabajando en una ventana y ponerme a otra cosa en otra. Con ChatGPT eso es más complicado, salvo que uses Codex, que ya es otro rollo (a mí se me hace más callado). Dicen que Gemini va fino para cosas más de front y Codex más de backend. No digo que Claude sea el mejor en un caso concreto, digo que es muy bueno en casi todos. Y a mí eso es lo que me sirve.

No es la herramienta más barata del mundo. Con el plan de 20 € ya haces muchísimo; si le quieres meter caña de verdad, es la hucha donde meter dinerillos. Yo estoy más que agradecido, porque me ha hecho hiperproductivo.

Herramientas que menciono en el vídeo

  • Claude / Claude Code: el motor de todo esto. Genera el panel, los componentes, la skill y despliega.
  • Ghostty: la terminal que uso (cambio entre ventanas de Claude con un atajo).
  • Yazi: explorador de archivos en terminal, para copiar rutas rápido.
  • Cursor: alternativa visual para copiar la ruta relativa con clic derecho.
  • Make y n8n: herramientas de automatización que menciono al hablar del curso de APIs.

Algunos enlaces son de afiliado: si compras, me llevo una comisión sin que a ti te cueste más.

Si quieres ver más del kit con el que sostengo el canal, lo tienes en la guía de herramientas del creador con IA. Y si esto de montar sistemas con Claude te ha picado, empieza por Claude Code para no programadores.

La parte de Claude que ves en el vídeo es solo la punta. Lo que hay debajo (montar la documentación, estructurar tu proyecto, que la IA te entienda) es justo lo que enseño en YO S.A.. Ahí está la base que hace posible todo lo demás.

Algunos enlaces de este artículo son de afiliado: si contratas la herramienta, me llevo una comisión sin que a ti te cueste más.

Relacionado

Sigue leyendo