En los propios términos del Skill
Frontend Slides crea presentaciones HTML sin dependencias y ricas en animación que se ejecutan totalmente en el navegador, ya sea desde cero o convertidas a partir de un archivo .pptx. Está pensado para quienes no son diseñadores y descubren su estética mirando en lugar de elegir entre descripciones abstractas: genera tres vistas previas de estilo de una sola diapositiva (una opción segura, al menos una plantilla atrevida y una comodín) y deja que el usuario reaccione visualmente ante ellas.
La cantidad de texto que lleva una presentación se define mediante una elección de densidad entre baja densidad orientada a la exposición oral y alta densidad orientada a la lectura. Toda presentación se redacta dentro de un escenario fijo de 1920x1080 escalado uniformemente al viewport, y la entrega puede finalizar con una URL en vivo de Vercel o una exportación a PDF.
Qué produce
- Una presentación HTML autocontenida con todo el estilo y el scripting incluidos en línea.
- Tres archivos temporales de vista previa de estilo (style-a.html, style-b.html, style-c.html) que se eliminan en el momento de la entrega.
- Opcionalmente, una URL en vivo en Vercel para compartir la presentación por mensaje de texto, Slack o correo electrónico, visible en cualquier dispositivo.
- Opcionalmente, un PDF para correo electrónico, Slack o impresión, generado capturando cada diapositiva y combinándolas.
Cómo funciona
- 01Detectar el modo
El skill primero decide si la tarea es una presentación nueva creada desde cero, una conversión de .pptx o una mejora de una presentación HTML existente, y aplica la ruta de fases correspondiente.
- 02Hacer las preguntas de descubrimiento en una sola pasada
El propósito, la extensión, la preparación del contenido y la densidad se preguntan juntos, usando una interfaz nativa de preguntas estructuradas cuando el entorno la tiene, de modo que el usuario complete todo de una vez.
- 03Generar tres vistas previas de estilo
En lugar de pedir al usuario que nombre un estilo, el skill renderiza tres vistas previas de título de una sola diapositiva, las abre automáticamente y pregunta cuál prefiere (o si desea mezclar elementos).
- 04Generar la presentación de un solo archivo
La presentación completa se escribe como un único archivo HTML que incluye en línea todo el viewport-base.css obligatorio más comentarios sección por sección, usando la elección de densidad y la receta de estilo seleccionada.
- 05Convertir un archivo de PowerPoint
Para un origen .pptx, el script de Python incluido extrae el contenido, el usuario confirma títulos, resúmenes y número de imágenes, y solo entonces se realiza el descubrimiento de estilo y la generación de HTML.
- 06Entregar y Después Ofrecer Compartir
Los archivos de vista previa se eliminan, la presentación se abre en el navegador y se informa al usuario sobre la navegación, las variables CSS, las fuentes, la clase .reveal y la edición en línea antes de ofrecerle el despliegue o la exportación a PDF.