Neon Slides

Slide deck HTML dark-tech a file singolo con navigazione da tastiera e salto funzionanti

di lqshow · lqshow/neon-slides

Promosso ★ 9.2/10

Neon Slides — Slide deck HTML dark-tech a file singolo con navigazione da tastiera e salto funzionanti

Cosa fa

Genera una presentazione HTML auto-contenuta in un sistema visivo fisso neon-dark (accenti arancione/blu, Noto Sans SC + Space Grotesk) modificando un template incluso piuttosto che scrivere CSS da zero. Si attiva su richieste per un slide deck dark tech, trasformare un articolo o una bozza in slide, o costruire un deck per un tech talk o livestream. Produce un file HTML con paginazione freccia/Spazio, Home/End, un pannello di salto G e navigazione a punti cliccabili o a barra di avanzamento — non un .pptx.

Rapporto di test

Costruito lo stesso deck di 5 slide due volte — una volta a mano libera, una volta tramite la skill — quindi eseguiti entrambi in jsdom e inviati eventi chiave reali. Il deck a mano libera rispondeva solo ai tasti freccia: Home ed End non facevano nulla, non c'erano punti cliccabili e nessun pannello di salto. Il deck della skill ha spostato End all'ultima slide, Home alla prima, ha aperto il suo pannello di salto su G, e digitando 4 + Invio è atterrato sulla slide 4 con il pannello che si chiudeva da solo; un clic su un punto è saltato alla slide 3 e il contatore ha letto un 03 / 05 con zero iniziale. Estendendo lo stesso file a 16 slide ha scambiato i punti con la barra di avanzamento cliccabile esattamente come promette il README. L'unico vero intoppo è che SKILL.md termina dicendo al modello di salvare in /mnt/user-data/outputs/ e chiamare present_files, che sono solo per Claude.ai e non esistono in Claude Code.

Testato il: 2026-07-29 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

  • /neon-slidesSlide deck HTML dark-tech a file singolo con navigazione da tastiera e salto funzionanti

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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