>_ DevTrendsfr

Langue

Accueil

Langages

Sections

Frontend Backend Mobile DevOps AI / ML GameDev Blockchain Embarqué Sécurité
JavaScript

Comment transformer un agent IA en générateur de présentations interactives

Générer des présentations via des réseaux de neurones se termine généralement de la même manière. Le modèle crache soit un tas d'images avec du texte corrompu, soit un modèle PowerPoint ennuyeux où la moitié des blocs sont mal alignés et les graphiques ont l'air dessinés à la main. Corriger ces résultats manuellement prend plus de temps que de créer des diapositives à partir de zéro dans Figma ou Keynote.

Récemment, je suis tombé sur dashi-ppt-skill — un projet d'un développeur chinois connu sous le nom d'utilisateur chuspeeism. Le dépôt a rapidement rassemblé près de six mille étoiles sur GitHub, et la raison est claire. L'auteur a abordé le problème sous un angle inattendu. Au lieu de rendre immédiatement et douloureusement du binaire PPTX, son outil livre une page HTML interactive prête à l'emploi avec un éditeur visuel intégré, que vous pouvez ensuite convertir en PPTX ou PDF entièrement modifiable en un seul clic.

Démo

Sous le capot et comment ça fonctionne

Essentiellement, c'est un skill pour les agents IA. Vous pouvez le fournir à Claude Code, Codex, Cursor, ou tout autre agent capable de lire des fichiers et d'exécuter des commandes terminal.

L'idée est simple. Les LLMs fonctionnent bien avec du texte structuré et du code, mais ils gèrent terriblement le positionnement précis de formes dans des formats propriétaires. C'est pourquoi dashi-ppt-skill décompose le processus en étapes claires :

  1. L'agent analyse votre document ou votre prompt et suggère l'un des 12 thèmes visuels.
  2. Sélectionne des mises en page adaptées depuis la bibliothèque (la base de données contient plus d'un millier de variations de mises en page pour différents types de diapositives).
  3. Assemble un deck HTML local où chaque diapositive fonctionne comme une mini-application avec son propre panneau de contrôle.
  4. Vous ouvrez le navigateur, modifiez le texte directement sur la diapositive, ajustez les curseurs de grille, puis exportez le résultat en PPTX.

Lors de l'exportation en PPTX, le texte reste du texte et ne se transforme pas en captures d'écran raster. Vous pouvez ouvrir le fichier final dans PowerPoint ou Google Slides et continuer à le modifier.

Comparaison HTML vs PPTX

Thèmes et mises en page disponibles

Le dépôt contient 12 thèmes de design intégrés : des tableaux de bord analytiques stricts et sombres aux dégradés néon et au style magazine.

| | | |---|---| | theme01
theme01 | theme02
theme02 | | theme03
theme03 | theme04
theme04 | | theme05
theme05 | theme06
theme06 | | theme07
theme07 | theme08
theme08 | | theme09
theme09 | theme10
theme10 | | theme11
theme11 | theme12
theme12 |

Chaque thème contient un ensemble de motifs prêts à l'emploi : chronologies, entonnoirs, matrices SWOT, modèle des cinq forces de Porter, matrices PEST et diagrammes de Gantt.

Modèles analytiques

Mises en page populaires

La fonctionnalité principale — Modifier directement dans le navigateur

La plupart des outils IA nécessitent de redemander au bot : « Réécris le troisième point plus court » ou « Mets quatre colonnes au lieu de trois. » Ici, c'est résolu directement dans l'interface HTML générée.

Cliquez sur n'importe quel titre ou paragraphe, modifiez le texte à la volée, et les éléments voisins ajustent automatiquement leur hauteur.

| Modification de texte sur place | Ajout d'images | |---|---| | Modification de texte | Insertion d'images |

Pour les images, des emplacements prêts à l'emploi sont créés : vous pouvez simplement faire glisser un fichier depuis un dossier, et le moteur le compressera à la résolution requise.

Remplissage des espaces réservés

Sur le côté droit de chaque diapositive, un panneau avec des curseurs s'ouvre. Vous avez changé d'avis sur le nombre de cartes (trois) ? Faites glisser le curseur — maintenant il y en a quatre. Besoin de changer le type de graphique de histogramme en graphique circulaire ? C'est fait en un seul clic sans redémarrer l'agent.

| Curseurs de nombre d'éléments | Changement de mise en page | |---|---| | Curseur d'éléments | Changement de mise en page |

| Changement de type de graphique | Paramètres de palette | |---|---| | Changement de graphique | Sélection de palette |

Les animations de transition des diapositives sont également configurées là :

Animations de transition

Tour des graphiques

Démarrage rapide et exigences système

Node.js version 20 ou supérieure est requis.

Le lancement et l'installation se font avec une seule commande :

npx dashi-ppt-skill@latest

Si vous donnez la commande à votre agent IA (par exemple dans Claude Code), il suffit d'écrire :

Установи и используй скилл: npx dashi-ppt-skill@latest

Lorsque l'agent assemble la structure de la présentation, vous pouvez l'exporter via la console :

npm --prefix ./project run export:pptx -- ./output/presentation.pptx
npm --prefix ./project run export:pdf  -- ./output/presentation.pdf

Export vers PPTX

Pour l'export, un navigateur headless est utilisé en coulisses, donc Chrome, Chromium ou Edge doit être installé sur votre machine. Si nécessaire, le chemin vers le binaire peut être passé via la variable d'environnement CHROME_PATH.

Confidentialité et sécurité

Beaucoup de gens hésitent à envoyer des rapports internes à des services SaaS tiers. Ici, tout le rendu et l'export s'exécutent localement sur votre ordinateur. Les seuls appels réseau sont le téléchargement initial du package npm et une vérification en arrière-plan d'un nouveau numéro de version. Aucun texte ou image n'est envoyé vers l'extérieur.

Quant à la licence : le code principal est ouvert sous la licence copyleft AGPL-3.0. Cependant, le module de conversion html-deck-to-pptx est marqué comme composant propriétaire de l'auteur, qui peut être utilisé dans le cadre de ce skill, mais ne peut pas être extrait dans un produit fermé séparé.

À qui ce projet sera utile

Si vous avez fréquemment besoin d'assembler des rapports de projet, des analyses concurrentielles, des revues d'architecture ou des supports pour des meetups, dashi-ppt-skill prendra en charge la partie la plus fastidieuse du travail. Vous donnez à l'agent des notes brutes ou un document markdown, vous obtenez une mise en page propre, et vous passez quelques minutes à polir le texte directement dans la fenêtre du navigateur. Pour un design pixel-parfait, le projet ne conviendra probablement pas, mais comme outil rapide pour préparer des présentations de travail, il semble excellent.

Projets similaires