SkillProof tested Claude skills

HTML Slides

Presentaciones HTML animadas de un solo archivo con diapositivas bloqueadas a la ventana gráfica y navegación por teclado/táctil.

Por proyecto26 · proyecto26/slides-ai-plugin

Funciona con configuración ★ 8.4/10

HTML Slides — Presentaciones HTML animadas de un solo archivo con diapositivas bloqueadas a la ventana gráfica y navegación por teclado/táctil.

Qué hace

Genera presentaciones HTML autocontenidas de un solo archivo con diapositivas bloqueadas a la ventana gráfica (100dvh, overflow:hidden), tipografía responsiva basada en clamp(), animaciones de revelación CSS/GSAP, navegación por teclado y táctil, y una hoja de estilos de impresión para exportación a PDF. Se activa ante solicitudes de presentaciones HTML animadas, conversión de PPTX a HTML o presentaciones web de un solo archivo. Los 'curated style presets' que anuncia la descripción residen en una carpeta de skill hermana (slide-design) que una instalación independiente de esta skill no incluye.

Informe de la prueba

Se construyó la misma presentación de 4 diapositivas 'Q3 Product Roadmap' dos veces, una ignorando la skill y otra siguiéndola estrictamente: la versión de la skill reemplazó el cuerpo desplazable y el aspecto de gradiente púrpura más Inter de la línea base (un anti-patrón que la skill menciona explícitamente por su nombre) con secciones 100dvh bloqueadas, tipo clamp(), navegación por teclado/táctil, una barra de progreso y soporte prefers-reduced-motion que la línea base no tenía. La brecha: los 'curated style presets' prometidos en la descripción residen en una carpeta de skill hermana que una instalación independiente de html-slides nunca incluye.

Probado el: 2026-07-14 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/proyecto26/slides-ai-plugin
cd slides-ai-plugin
mkdir -p ~/.claude/skills
cp -r skills/html-slides ~/.claude/skills/html-slides

Comandos y prompts de ejemplo

  • /html-slidesPresentaciones HTML animadas de un solo archivo con diapositivas bloqueadas a la ventana gráfica y navegación por teclado/táctil.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Build a 4-slide roadmap deck as one animated HTML file
  • Make a keyboard-navigable slide deck for our Q3 review
  • I need a self-contained HTML presentation with slide transitions

Informe completo →