Saltar al contenido
6/10
F Productividad

Frontend Slides

Crea presentaciones bonitas en formato web (diapositivas HTML) desde cero o convirtiendo tus PowerPoint. Está pensada para gente que no sabe de diseño: te muestra opciones visuales y tú eliges.

Revisada el 2026-09-21

Popularidad
29.7k
Licencia
MIT
Categoría
Productividad

Seguridad: revisada

Revisada, sin código malicioso.

¿Qué es?

Es una skill que convierte tu asistente de IA en un creador de presentaciones web. En vez de pedirte que describas con palabras el estilo que quieres (difícil si no eres diseñador), te genera 3 vistas previas y tú eliges la que te gusta.

Piénsalo como un diseñador de diapositivas que te enseña muestras: no te pregunta "¿qué tipografía prefiere?", te enseña tres opciones y señalas la que te gusta.

Qué puede hacer:

  • Crear de cero: le cuentas tu tema y genera la presentación completa en HTML.
  • Convertir PowerPoint: le pasas un .pptx y extrae el texto, las imágenes y las notas, y lo transforma en diapositivas web.
  • Estilos incluidos: 12 estilos en el paquete base (oscuros y claros: Bold Signal, Neon Cyber, Swiss Modern, Paper & Ink...) más 34 plantillas atrevidas adicionales (Neo-Grid Bold, Retro Windows, Sakura Chroma...).
  • Sin dependencias: cada presentación es un solo archivo HTML con todo dentro. No hace falta instalar nada ni montar proyectos.

Está pensada para "no diseñadores" y tiene un vídeo tutorial para principiantes en YouTube.

¿Cuándo me sirve?

Cuando tienes que hacer una presentación:

  • "Quiero una presentación para mi startup" → pitch deck.
  • "Convierte mi PowerPoint a web" → conversión.
  • "Hazme unas diapositivas bonitas para una charla" → crea desde cero.
  • "Quiero una presentación de mi portafolio" → con estilo elegido por ti.

¿Esto me sirve a mí?

Sí, si alguna vez haces presentaciones (trabajo, estudios, un proyecto) y quieres que se vean modernas y llamativas sin saber diseño.

Si un día piensas...Frontend Slides te da...
"Mi PowerPoint se ve anticuado"La misma presentación en web con estilo moderno
"No sé de diseño ni CSS"Opciones visuales para elegir con el ratón
"Quiero una presentación que impresione"Plantillas atrevidas y con animaciones
"Necesito el mismo archivo sin instalar nada"Un solo archivo HTML que abres en el navegador
"Quiero presentarlo fácil"Puedes publicarlo en internet (Vercel)

No te sirve si no haces presentaciones.

¿Es segura?

Veredicto: ✅ SÍ, es limpia.

  • Las skills: archivos de texto con instrucciones de diseño de diapositivas. No ejecutan código dañino.
  • extract-pptx.py: lee tu PowerPoint local y extrae el texto e imágenes a tu ordenador. Sin red.
  • export-pdf.sh: convierte la presentación a PDF usando un programa llamado Playwright (que se instala en tu ordenador). Solo funciona localmente.
  • deploy.sh: sirve para publicar tu presentación en internet con Vercel usando tu propia cuenta. Te pide iniciar sesión; no envía tus datos a ningún sitio raro.
  • A tener en cuenta: para exportar a PDF o publicar, instala programas (Playwright, Vercel CLI). Son herramientas conocidas y legítimas, pero se instalan en tu ordenador. Si solo creas la presentación, no necesitas nada de esto.

Casos de uso

  • Pitch deck para una startup: "quiero una presentación para mi app".
  • Convertir un PowerPoint antiguo: "convierte mi presentacion.pptx a web".
  • Presentación de portafolio: con estilo elegido entre las muestras.
  • Charla o clase: diapositivas HTML que abres en el navegador.
  • Exportar a PDF: para enviar o imprimir.
  • Publicar online: con deploy.sh (tu cuenta de Vercel).

Cómo se usa

/frontend-slides:frontend-slides

> "I want to create a pitch deck for my AI startup"

O pídele a tu asistente: "usa la skill Frontend Slides de este repo".

¿Dónde funciona?

CLI¿Funciona?Notas
Claude Code✅ SíEntorno principal (plugin y comando /frontend-slides:frontend-slides)
OpenCode✅ SíEl README lo menciona explícitamente; lee el SKILL.md
Codex✅ SíEl README lo menciona; lectura directa del SKILL.md
Gemini CLI✅ SíEl README lo menciona
Kimi Code✅ SíEl README lo menciona
Cursor✅ SíPuede usar el SKILL.md como cualquier otra skill
Otros✅ SíEl SKILL.md es texto y funciona en cualquier agente con acceso a archivos

Importante: el comando corto /frontend-slides solo existe en Claude Code. En otros asistentes, se lo pides directamente y lee el SKILL.md. Los scripts opcionales (convertir PPT, exportar PDF, publicar) necesitan Python o Node instalados.

Enlaces

  • Repositorio: https://github.com/zarazhangrui/frontend-slides
  • Vídeo tutorial: https://www.youtube.com/watch?v=372Iksaz8b0
  • Plantillas atrevidas: https://github.com/zarazhangrui/beautiful-html-templates

Volver a Skills