Presentación narrativa de imágenes
+7Presentaciones
Skills de presentaciones HTML
Presentaciones HTML diseñadas que escribe tu agente. Presenta en el navegador o exporta a PPTX.
- GratisPresentaciones146146 instalaciones1+7
- Claude Code
Codex
Cursor
Estilos de presentación HTML
Pestañas de filtro: Todas · Pitch y negocios · Investigación y docencia · Marca y creatividad
Por qué presentaciones HTML
HTML real, no capturas de pantalla
Nítidas a cualquier tamaño y fáciles de editar para los agentes.
Edita en el estudio de presentaciones
Haz clic para reescribir, mover y reordenar.
Exportar a PowerPoint
Un PPTX editable cuando necesitas un archivo.
Presentación HTML vs. archivo PPT
| Aspect | Presentación HTML | Archivo PPTX |
|---|---|---|
| Se abre en | Cualquier navegador | PowerPoint, Keynote |
| Tu agente la edita directamente | Sí | No |
| Animaciones CSS completas y fuentes web | Sí | No |
| Se comparte como enlace | Sí | No |
Cómo hacer presentaciones HTML con un agente de IA
Tres pasos del estilo a la presentación.
Paso 1Elige un estilo de presentación HTML
Elige un estilo de presentación y mira diapositivas reales antes de instalar.
Elige un estilo que encaje con la charla: una presentación de investigación centrada en figuras, una presentación editorial atrevida para un lanzamiento o un hilo narrativo sobrio de consultoría para una actualización a un cliente. La página de cada Skill muestra diapositivas reales, así que ves el resultado antes de instalar.
Explorar Skills de presentaciones
Paso 2Instala la Skill y describe la charla
Pega el prompt de instalación en Claude Code o Codex y luego indica el tema, el público y el número de diapositivas.
Read https://skillry.dev/skills/<slug>/install.md and follow the instructions to install the skill.Instala la Skill en Claude Code, Codex u otro agente y luego indica el tema, el público, el número de diapositivas y los archivos de los que debe partir. El agente escribe la presentación en HTML con el estilo elegido.
Paso 3Presenta en HTML o exporta a PPTX
Presenta a pantalla completa desde el navegador o exporta un PPTX editable.
Abre el estudio de presentaciones para reescribir textos, mover bloques y reordenar diapositivas. Presenta a pantalla completa desde el navegador o exporta un PPTX editable cuando alguien necesite un archivo de PowerPoint. Relacionado
Codex Skills
¿Qué son las presentaciones HTML?
Presentación HTML vs. archivo de PowerPoint
Una presentación HTML es un conjunto de páginas web que se muestran de una diapositiva en una. Se abre en cualquier navegador, se ve nítida en cualquier pantalla y admite fuentes web, composición con CSS y animaciones. Como las diapositivas son código, un agente de IA puede escribirlas, cambiarles el estilo y actualizarlas con la misma facilidad con la que edita cualquier otro archivo; por eso las presentaciones HTML encajan mejor con presentaciones hechas por agentes que los archivos binarios de PowerPoint.
De HTML a PPTX: exporta tus diapositivas
No tienes que elegir un solo formato. Presenta la versión HTML desde el navegador cuando controles la pantalla, y exporta un PPTX editable desde el estudio de presentaciones cuando un cliente, un congreso o un compañero necesite un archivo de PowerPoint.
Frameworks de presentaciones HTML vs. Skills de IA
Slidev, reveal.js y Marp son herramientas de código abierto populares para escribir diapositivas como código. Slidev convierte Markdown en diapositivas con componentes de Vue y un editor pensado para desarrolladores; reveal.js es un framework de presentaciones HTML que construyes con HTML, CSS y JavaScript; Marp convierte Markdown simple en diapositivas y puede exportar a PDF, PPTX y HTML. Te dan control total, pero sigues diseñando cada diapositiva tú mismo. Una Skill de presentaciones HTML está un nivel por encima: tu agente escribe la presentación a partir de un brief con un diseño terminado, la editas en el estudio de presentaciones y exportas un PPTX editable. Usa un framework cuando quieras construir una charla a mano; usa una Skill cuando quieras rápido una presentación diseñada.
| Herramienta | Qué es | Licencia |
|---|---|---|
| Slidev | Framework de diapositivas con Markdown + Vue | MIT |
| reveal.js | Framework de presentaciones HTML | MIT |
| Marp | Ecosistema de diapositivas en Markdown | MIT |
| Skill de presentaciones HTML | Presentación diseñada que escribe tu agente, con exportación a PPTX | Licencia de Skillry |
Preguntas frecuentes sobre presentaciones HTML
¿Qué son las presentaciones HTML?
Las presentaciones HTML son una presentación construida como una página web. Cada diapositiva se compone con HTML y CSS y se muestra a pantalla completa en el navegador, así que puede usar fuentes web, diseño responsive y animaciones CSS. Como son archivos simples, un agente de IA puede escribirlas y editarlas directamente.
¿Puedo convertir presentaciones HTML en un PPT?
Sí. Las Skills de presentaciones de Skillry incluyen un estudio de presentaciones que exporta un PPTX editable, para que los compañeros que presentan desde PowerPoint puedan seguir trabajando en la presentación. El texto sigue siendo editable y las imágenes se mantienen como objetos separados.
¿Las presentaciones HTML funcionan sin conexión?
Una vez que los archivos de la presentación están en tu proyecto, puedes abrirlos en local en un navegador sin conexión a internet. Si un estilo carga fuentes web desde un CDN, incluye copias locales de las fuentes para usarlo totalmente sin conexión.
¿Qué agentes pueden hacer presentaciones HTML?
Claude Code, Codex, Cursor, Antigravity, OpenCode, GitHub Copilot y cualquier otro agente que lea el formato SKILL.md. La misma Skill de presentaciones HTML da el mismo diseño en todos ellos.
¿Cuántas diapositivas puede tener una presentación HTML?
Tú fijas el número de diapositivas en tu petición. La Skill mantiene coherentes los diseños de portada, sección, contenido y cierre sea cual sea el número de diapositivas que pidas, y puedes añadir o quitar diapositivas después en el estudio de presentaciones.
¿Las Skills de presentaciones HTML necesitan una API de imágenes?
Depende del Skill. Muchos Skills de presentaciones incluyen su propia biblioteca de imágenes y la reutilizan por defecto, y tus propias fotos y gráficos siempre van primero, así que puedes terminar una presentación sin una API de imágenes. Para generar imágenes nuevas sobre tu tema, el Skill usa la herramienta de imagen integrada de tu agente, como GPT Image en Codex; en agentes sin una, los Skills compatibles con fal necesitan tu propia FAL_KEY. Los Skills que necesitan una API key lo indican en su página.
Presenta tu próxima charla en HTML
Elige un estilo, deja que tu agente la escriba y exporta a PPTX cuando lo necesites.