C'EST QUOI ?
Bolt Slides est un moteur de présentation publié par StackBlitz, où chaque slide est un composant React. Le dépôt embarque un skill (.bolt/skills/slides/SKILL.md) qui explique à un agent - Claude Code, Codex, Cursor ou Bolt - comment choisir un thème, composer les slides et rédiger le contenu. Un prompt du type « construis-moi un deck qui présente X à Y » doit suffire à obtenir une présentation complète. Le résultat est une app Vite qui se partage par un lien, pas un fichier.
Bolt Slides est un template à cloner, pas une dépendance : le package.json est marqué private et rien n'est publié sur npm. Chaque deck est une copie du dépôt, qui ne suit pas les évolutions du moteur sans fusion manuelle. Le dépôt a été créé en juillet 2026 et compte huit commits, sans tag ni release, le dernier poussé le 30 juillet 2026.
POURQUOI C'EST INTÉRESSANT ?
- Des slides en React ordinaire : une slide peut interroger une API, monter une scène 3D ou embarquer le vrai produit. Tout ce qui tourne dans un navigateur se présente.
- Une bibliothèque de composants prête à l'emploi : structure (
Cover,Agenda,Bento), données (graphiques,StatGrid,CountUp), récit (Timeline,Comparison,Chat), produit (CodeWindow,BrowserFrame,Pricing). Le deck de démo en montre 26, tous responsives. - Les réflexes d'un outil de présentation : révélations au clic avec
<Build at={n}>, vue grille, barre de miniatures, annotations au stylet, lien direct vers une slide via le hash de l'URL (/#7). - Un mode présentateur synchronisé : il s'ouvre dans un second onglet avec minuteur, aperçu de la slide suivante et notes modifiables, et reste aligné sur l'onglet public via
BroadcastChannel. - Des annotations ancrées au contenu : un cercle tracé autour d'un chiffre sur un portable entoure le même chiffre sur un téléphone, même si la mise en page l'a déplacé.
- Un thème piloté par des tokens CSS : couleurs, polices, rayons et ombres vivent dans
src/styles/tokens.css. Modifier--primaryrecolore tout le deck, interface comprise. Le skill documente neuf directions de thème. - Aucun export documenté : le README ne mentionne ni PDF ni PowerPoint, la diffusion passe par un lien vers l'app déployée. Sans agent, écrire un deck revient à modifier du JSX dans
src/App.tsx.
CAS D'USAGE
- Un pitch produit dont une slide embarque la démo réelle au lieu d'une capture d'écran
- Une présentation de résultats qui lit des données en direct plutôt qu'un graphique figé
- Un talk technique partagé par lien, avec renvoi direct vers une slide précise
- Un deck généré par un agent de code dans un projet où il tourne déjà