Neon Slides
Diaporamas HTML dark-tech monofichiers avec navigation clavier et saut fonctionnels
Testé · Fonctionne
Ce que fait
Génère une présentation HTML autonome dans un système visuel fixe néon-sombre (accents orange/bleu, Noto Sans SC + Space Grotesk) en éditant un modèle intégré plutôt que d'écrire du CSS à partir de zéro. Se déclenche sur les demandes de diaporama tech sombre, transformant un article ou un plan en diapositives, ou construisant un diaporama pour une conférence technique ou un livestream. Produit un fichier HTML avec pagination flèche/Espace, Home/End, un panneau de saut G et une navigation par points cliquables ou barre de progression — pas un .pptx.
Rapport de test
Construit le même diaporama de 5 diapositives deux fois — une fois à main levée, une fois via la compétence — puis exécuté les deux dans jsdom et envoyé de vrais événements clavier. Le diaporama à main levée ne répondait qu'aux touches fléchées : Home et End ne faisaient rien, il n'y avait aucun point cliquable et aucun panneau de saut. Le diaporama de la compétence a déplacé End à la dernière diapositive, Home à la première, a ouvert son panneau de saut sur G, et taper 4 + Enter a atterri sur la diapositive 4 avec le panneau se fermant ; un clic sur un point a sauté à la diapositive 3 et le compteur affichait 03 / 05 avec un zéro de remplissage. En complétant le même fichier à 16 diapositives, les points ont été remplacés par la barre de progression cliquable exactement comme le promet le README. Le seul véritable inconvénient est que SKILL.md se termine en disant au modèle de sauvegarder dans /mnt/user-data/outputs/ et d'appeler present_files, qui sont spécifiques à Claude.ai et n'existent pas dans Claude Code.
Testé le: 2026-07-29 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/lqshow/neon-slides.git mkdir -p ~/.claude/skills cd neon-slides && cp -r skill ~/.claude/skills/neon-slides
Commandes et exemples de prompts
/neon-slidesDiaporamas HTML dark-tech monofichiers avec navigation clavier et saut fonctionnels
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Turn this article into a dark tech-themed HTML slide deckMake me a slide deck for my livestream with a neon dark visual styleBuild a 5-slide presentation on rate limiting with keyboard navigation