Neon Slides

Presentaciones HTML de tecnología oscura de un solo archivo con teclado y navegación de salto funcionales

Por lqshow · lqshow/neon-slides

Probado · Funciona ★ 9.2/10

Neon Slides — Presentaciones HTML de tecnología oscura de un solo archivo con teclado y navegación de salto funcionales

Qué hace

Genera una presentación HTML autocontenida en un sistema visual fijo neon-dark (acentos naranja/azul, Noto Sans SC + Space Grotesk) editando una plantilla incluida en lugar de escribir CSS desde cero. Se activa con solicitudes de una presentación de diapositivas de tecnología oscura, convirtiendo un artículo o esquema en diapositivas, o construyendo una presentación para una charla tecnológica o transmisión en vivo. Produce un archivo HTML con paginación de flechas/Espacio, Home/End, un panel de salto G y navegación de puntos o progreso clicable — no un .pptx.

Informe de la prueba

Construí la misma presentación de 5 diapositivas dos veces — una a mano alzada, otra a través de la habilidad — luego ejecuté ambas en jsdom y despaché eventos de teclado reales. La presentación a mano alzada solo respondía a las teclas de flecha: Home y End no hacían nada, no había puntos clicables ni panel de salto. La presentación de la habilidad movió End a la última diapositiva, Home de vuelta a la primera, abrió su panel de salto con G, y al escribir 4 + Enter aterrizó en la diapositiva 4 con el panel cerrándose; un clic en un punto saltó a la diapositiva 3 y el contador mostró 03 / 05 con ceros a la izquierda. Rellenar el mismo archivo hasta 16 diapositivas cambió los puntos por la barra de progreso clicable exactamente como promete el README. El único inconveniente real es que SKILL.md termina indicando al modelo que guarde en /mnt/user-data/outputs/ y llame a present_files, que son solo de Claude.ai y no existen en Claude Code.

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

Instalación

git clone https://github.com/lqshow/neon-slides.git
mkdir -p ~/.claude/skills
cd neon-slides && cp -r skill ~/.claude/skills/neon-slides

Comandos y prompts de ejemplo

  • /neon-slidesPresentaciones HTML de tecnología oscura de un solo archivo con teclado y navegación de salto funcionales

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

  • Turn this article into a dark tech-themed HTML slide deck
  • Make me a slide deck for my livestream with a neon dark visual style
  • Build a 5-slide presentation on rate limiting with keyboard navigation