Guizang PPT Skill : créez de superbes présentations HTML directement dans Claude Code

Avez-vous déjà souhaité transformer un long article, une analyse de produit, ou même un essai personnel en une présentation de diapositives vraiment bien conçue — sans ouvrir PowerPoint et vous battre avec des zones de texte ? Vous n'êtes pas seul. C'est exactement le problème que résout Guizang PPT Skill. Créé par le penseur de l'IA 歸藏 et affiné lors de véritables conférences en présentiel, ce Skill open-source fonctionne dans Claude Code, Codex et des environnements d'agents similaires pour générer de belles présentations HTML mono-fichier. Ce n'est pas non plus un simple jouet : il intègre deux systèmes visuels distincts, 22 mises en page verrouillées, un mode présentateur complet, et même une génération d'images par IA en option pour les couvertures et les diagrammes.

Pourquoi HTML plutôt que PPTX ?

Tout le projet repose sur un pari simple : HTML est le format idéal pour que les agents d'IA créent des diapositives. Parce que HTML et CSS sont du texte brut, l'agent peut lire, modifier et valider le fichier directement. Contrairement aux diaporamas Markdown, HTML offre un contrôle de la mise en page au pixel près, des animations et un design réactif. Et contrairement à PPTX, le résultat final est un fichier unique que vous pouvez ouvrir dans n'importe quel navigateur, présenter, capturer ou envoyer à un collègue. Aucune étape de compilation, aucun serveur, aucun enfer de dépendances.

Mais le plus grand avantage est le contrôle qualité. Le Skill inclut des scripts de validation qui vérifient le débordement de mise en page, l'alignement, et le fait que les images restent dans leurs emplacements prévus. L'IA ne se contente donc pas de deviner : elle mesure le résultat réellement rendu lorsque Playwright est disponible.

Deux styles visuels pour des histoires différentes

Le Skill est fourni avec deux systèmes de styles. Le Style A s'appelle « Magazine électronique × Encre électronique ». Pensez au magazine Monocle qui rencontre une esthétique de code minimaliste. C'est parfait pour la narration, les opinions, le partage personnel et tout ce où la personnalité compte. Il propose dix mises en page flexibles pour les ouvertures de chapitre, les pages de données, les grilles d'images, les pipelines et les comparaisons. Vous pouvez choisir parmi cinq thèmes inspirés de l'encre : Encre classique, Porcelaine indigo, Encre de forêt, Papier kraft et Dune.

Style B prend la direction opposée : le style international suisse. Tout repose sur des grilles strictes, une couleur d'ancrage très saturée, des angles droits, des filets fins et une échelle typographique spectaculaire. Ce style est pensé pour les faits, les produits, l'analyse et la méthodologie. 22 mises en page verrouillées sont disponibles, de Cover et Statement à KPI Tower, Loop Diagram, Duo Compare et Closing Manifesto. Quatre thèmes de couleurs d'ancrage sont proposés : Bleu Klein, Jaune citron, Vert citron et Orange sécurité. Si vous demandez une présentation suisse sans préciser de couleur, l'agent recommande le Bleu Klein par défaut.

Ce double système signifie que vous n'avez pas à réinventer la roue du design à chaque fois. Vous dites simplement quelle ambiance vous voulez, et le Skill impose un système esthétique cohérent — y compris des règles strictes comme aucune valeur hexadécimale personnalisée, car protéger le sens du design compte plus que laisser chacun improviser les couleurs.

Commencer en 30 secondes

L'installation est d'une simplicité rafraîchissante. La commande recommandée est la suivante :

Si vous préférez laisser l'IA tout faire, collez ceci dans Claude Code, Cursor ou tout agent ayant accès au shell :

Aide-moi à installer guizang-ppt-skill. Clone https://github.com/op7418/guizang-ppt-skill vers ~/.claude/skills/guizang-ppt-skill, puis vérifie après l'installation que SKILL.md, assets/ et references/ existent.

Pour la méthode manuelle, lancez simplement :

Une fois installé, le Skill se déclenche automatiquement lorsque vous faites des demandes comme :

À quoi ressemble un workflow concret

La vraie magie, c'est que le Skill est un workflow structuré, pas un simple prompt vague. Lorsque vous demandez une présentation, l'agent parcourt plusieurs étapes : il choisit le style, clarifie les besoins avec une liste de sept questions, copie le bon modèle depuis assets/template.html ou assets/template-swiss.html, remplit le contenu à partir d'une table de rythme, génère éventuellement des images, crée les notes de l'orateur, exécute des contrôles de validation et prévisualise la présentation dans un navigateur.

Une demande typique pourrait être : « Transforme ce document d'analyse produit en PPT style magazine électronique, en mettant l'accent sur les points de vue et le rythme narratif. » L'agent produit ensuite une présentation HTML mono-fichier basée sur le modèle magazine, avec transitions de pages, couleurs de thème, notes de l'orateur et moteur de présentation intégré.

Un mode présentateur véritablement utile

Une fonctionnalité étonnamment riche est le mode présentateur intégré. Cliquez sur P dans le coin inférieur droit et la présentation ouvre une vue présentateur dédiée, tandis qu'une fenêtre épurée pour le public s'ouvre dans un autre onglet. Vous obtenez un aperçu en direct 16:9 de la diapositive courante et de la suivante, des notes structurées avec l'objectif et les points de discussion, des minuteurs pour le temps écoulé et le rythme général, ainsi qu'un mode répétition qui enregistre localement le temps réel passé sur chaque page. Des outils pratiques sont aussi présents, comme un pointeur laser, un surligneur et un écran noir ou blanc en un clic. Si la connexion Internet est coupée, rien de tout cela ne casse : tout est en HTML local et via les API du navigateur, pas un service cloud.

Images générées par IA et illustrations de couverture

Dans Codex, le Skill peut exploiter GPT-Image 2.0 / GPT-M 2.0 pour générer des photos de style documentaire, des infographies, des organigrammes, des schémas système et des maquettes d'interface utilisateur. La règle clé est que les images sont des éléments embarqués, pas des affiches autonomes — elles ne doivent donc pas comporter leurs propres pieds de page, titres ou bordures décoratives. Le Skill sait aussi retravailler des captures d'écran brouillonnes en éléments de présentation propres grâce à la bibliothèque d'arrière-plans fournie, ce qui est providentiel quand vous avez besoin de visuels cohérents sans reconstruire chaque diapositive manuellement.

Au-delà des diapositives, le même système visuel s'étend aux couvertures sociales. Vous pouvez générer une image héro pour un compte public WeChat au format 21:9, une carte de partage en 1:1, une couverture Xiaohongshu en 3:4 ou une couverture vidéo horizontale en 16:9, le tout assorti à la couleur de thème et à la typographie de la présentation.

Quand l'utiliser (et quand ne pas le faire)

Guizang PPT Skill brille pour les conférences en présentiel, les présentations internes, les lancements de produits IA, les journées de démonstration et tout discours avec une voix personnelle forte. Il n'est pas idéal pour les tableaux de bord denses issus de feuilles de calcul, les supports de formation ou les présentations nécessitant une collaboration importante en temps réel, car le résultat est, par conception, un fichier HTML statique.

La philosophie de conception du projet est rafraîchissante : la retenue plutôt que le tape-à-l'œil, la structure plutôt que la décoration, et les images sont des éléments de première classe avec des proportions stables. Vous pouvez appuyer sur B pour désactiver les animations WebGL/canvas et passer en mode statique basse performance si votre machine peine.

Par où aller ensuite

Guizang PPT Skill est un projet open-source avec une feuille de route active, qui prévoit encore plus d'études de cas, de règles de validation pour le style suisse et de spécifications de couverture étendues. Si vous avez toujours rêvé que votre assistant IA puisse simplement créer les diapositives, c'est un outil solide à essayer dès aujourd'hui. Installez-le avec la commande npx ci-dessus, donnez un article à l'agent et regardez-le générer une présentation HTML soignée que vous pourrez présenter directement depuis le navigateur.