Créer une présentation HTML avec Claude

Mis à jour le 30 septembre 2026 · Par Olivier Démontant

Une présentation HTML est un deck codé en HTML et CSS qui s'affiche dans un navigateur, sans PowerPoint. Avec Claude, vous décrivez le sujet et le style, l'IA génère les slides, puis vous les importez dans Amphi pour les présenter en direct avec quiz, sous-titres traduits et télécommande.

Un fichier HTML autonome, une slide par section, généré à partir d’une simple demande
Transitions d’arrivée et animations réglables depuis l’éditeur
Thème CSS partagé pour un style cohérent sur tout le deck
Import direct dans Amphi, à la main ou via le serveur MCP

Les étapes

Installer le skill AmphiDans un terminal, lancez « npx skills add Oliviercreativ/amphi-skill ». Le skill amphi-html-deck apprend à Claude le format attendu par Amphi et reste disponible dans toutes vos conversations.
Décrire le sujetDemandez par exemple « génère une présentation HTML pour Amphi sur la photosynthèse, 6 slides ». Précisez le public, la durée et le ton souhaité.
Générer et relire le deckClaude renvoie un fichier .html autonome, avec une slide par section, pensé pour un canvas de 1280 par 720. Relisez les textes et les chiffres avant de continuer : l'IA reprend ce que vous lui donnez et peut se tromper.
Importer dans AmphiDans l'éditeur, utilisez Importer puis Deck HTML, ou collez le code directement. Vous pouvez aussi laisser Claude envoyer le deck lui-même grâce au serveur MCP d'Amphi, après avoir généré un jeton dans Réglages, onglet API.
Régler transitions et animationsPour chaque slide, choisissez une transition d'arrivée (aucune, fondu, glissement ou zoom). Dans l'éditeur de code, cliquez sur un élément de l'aperçu pour lui appliquer une animation jouée à l'arrivée sur la slide.
Lancer la sessionPassez la présentation en direct et partagez le lien ou le QR code : le public suit les slides sur son téléphone. Ajoutez des quiz entre les slides si vous voulez faire participer la salle.

Pourquoi une présentation HTML plutôt qu’un PDF ?

Un PDF fige les pages ; un deck HTML reste vivant. Le texte s'adapte à l'écran, les animations se jouent à l'arrivée sur la slide et chaque slide reste modifiable dans Amphi après l'import. Le PDF garde son intérêt pour un support figé, et Amphi sait aussi l'importer.

Que peut-on mettre dans un deck HTML ?

Du texte, des images, des mises en page en CSS et des animations d'apparition. Amphi affiche chaque slide HTML dans un cadre isolé de 1280 par 720, mis à l'échelle de l'écran. Un deck HTML peut cohabiter avec d'autres types de slides : quiz, vidéo, page web, compte à rebours ou pause.

Comment garder un style cohérent sur tout le deck ?

Les slides d'un même deck partagent un thème CSS commun. Dans l'éditeur de code d'Amphi, l'onglet « Thème CSS » permet de modifier ce style une seule fois pour toutes les slides qui le partagent. Demandez à Claude un style précis dès le départ : couleurs, police, marges.

Que devient le deck dans Amphi ?

Chaque section devient une slide de votre bibliothèque de présentations. Les polices et images encodées dans le fichier sont extraites vers le stockage d'Amphi à l'import. Vous pouvez ensuite éditer, réordonner, ajouter des quiz, exporter en PDF ou lancer une session live.

Questions fréquentes

Faut-il savoir coder pour créer un deck HTML ?

Non. Claude écrit le HTML à partir de votre description. Il faut seulement relire le contenu et, si vous le souhaitez, régler les animations depuis l'aperçu d'Amphi.

Peut-on modifier le deck après l’import ?

Oui. Chaque slide HTML s'édite dans Amphi : contenu, thème CSS partagé et animations. Avec le serveur MCP, on peut aussi remplacer les slides d'une présentation existante depuis Claude.

Les polices et images sont-elles conservées ?

Oui. Les polices et images encodées dans le fichier HTML sont extraites vers le stockage d'Amphi au moment de l'import, puis servies avec le deck.

Peut-on garder son deck en PDF aussi ?

Oui. Amphi permet d'exporter la présentation en PDF, une slide par page, pour distribuer un support à votre public.