frontend-slides
Crea presentaciones HTML con animaciones
Las personas sin diseño luchan por crear presentaciones visualmente atractivas. Esta habilidad genera decks de diapositivas HTML de calidad profesional con estilo distintivo y animaciones fluidas mediante un flujo de trabajo guiado de exploración visual.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "frontend-slides". Create a pitch deck for my AI startup
Resultado esperado:
¡Tu presentación está lista! Archivo: ai-startup-pitch.html. Estilo: Neon Cyber con fondos oscuros. 12 diapositivas con animaciones de entrada, barra de progreso y puntos de navegación. Usa las flechas o scroll para navegar.
Usando "frontend-slides". Convert my quarterly-report.pptx to web format
Resultado esperado:
Se extrajeron 15 diapositivas de tu PowerPoint. Ahora seleccionando un estilo - he creado 3 opciones de vista previa (Corporate Elegant, Dark Executive, Clean Minimal). ¿Qué estética resuena contigo?
Auditoría de seguridad
SeguroThis skill generates HTML presentations and converts PowerPoint files. Static analysis detected external_commands, network, and filesystem patterns, but evaluation confirms these are false positives. The 'external_commands' are documentation strings showing file paths. Network access is limited to loading font resources from legitimate CDNs. Filesystem operations are for extracting PPT content. No malicious intent or security risks identified.
Puntuación de calidad
Lo que puedes crear
Diapositivas para Conferencias
Crea diapositivas visualmente impactantes para charlas técnicas o keynotes con animaciones personalizadas y estética distintiva que destaca de las presentaciones típicas.
Pitch Deck para Startups
Genera pitch decks profesionales con diseño visual pulido para impresionar a inversores y clientes con mínimo esfuerzo de diseño.
Convertir PPT Existente a Web
Transforma presentaciones PowerPoint heredadas a formato HTML moderno con animaciones mejoradas y mejor compatibilidad con navegadores.
Prueba estos prompts
Create a new HTML presentation about [TOPIC]. I need it for [PURPOSE]. Make it visually impressive with smooth animations.
I want to create slides with a [VIBE] feel. Generate some style previews so I can pick the right aesthetic.
Convert my PowerPoint file at [FILE_PATH] into an HTML presentation with distinctive styling.
Improve my existing HTML presentation at [FILE_PATH] with better animations and visual design.
Mejores prácticas
- Comienza con una estructura de contenido clara antes del estilo - conoce tu mensaje primero
- Usa la fase de vista previa de estilo para dejar que los usuarios descubran su preferencia visual
- Mantén las animaciones sutiles y con propósito - mejora, no distraigas
- Prueba en dispositivos móviles y desactiva efectos pesados para pantallas más pequeñas
Evitar
- Evita usar opciones de fuentes genéricas como Inter o Roboto - apunta a tipografía distintiva
- No abuses de las animaciones - deben mejorar, no retrasar el mensaje
- Evita gradientes púrpuras sobre fondos blancos - esta es una estética genérica de IA
- No saltes la fase de vista previa de estilo - los usuarios necesitan confirmación visual antes de la generación completa