Créez des diapositives HTML avec Claude, puis présentez-les gratuitement

Demandez du HTML dans une conversation normale

Commencez une conversation Claude avec le public, la durée, le plan et les sources. Demandez explicitement un fichier HTML autonome. Un modèle Claude Slides et un fichier HTML autonome sont différents : le présentateur a besoin du fichier, pas d’un lien de partage Claude.

Anthropic documente les artefacts de chat sur les offres Free et payantes, tandis que les modèles Slides sont en bêta payante. Cette méthode ne nécessite ni modèle Slides ni Claude Code. Consultez la documentation des artefacts Claude pour leur disponibilité actuelle.

Précisez les exigences du fichier à Claude

Collez ce prompt avec vos sources. Commencez par une courte présentation pour vérifier le résultat avant d’ajouter des diapositives.

Créez une présentation HTML autonome pour [public] sur [sujet]. Durée : [minutes]. Utilisez seulement les faits des sources ci-dessous. Adoptez une mise en page claire en 16:9, un texte lisible, du CSS/JavaScript en ligne et des ressources intégrées. Utilisez section.slide pour chaque diapositive, avec exactement une diapositive .active à la fois. Ajoutez les boutons précédent/suivant et la navigation ArrowLeft/ArrowRight et Home. Dans chaque diapositive, ajoutez un script type="application/json" class="slide-notes" avec title, script (texte oral) et notes (tableau de rappels courts). Masquez les notes sur la diapositive. Gardez le fichier complet sous 2 MB. Aucun framework, police externe, image distante, appel API ni compilation. Fournissez le fichier deck.html complet, pas seulement un plan. Sources : [collez votre contenu]

Pour un usage répété dans les outils compatibles, obtenez la compétence HTML Slide Presenter. Dans un chat ordinaire, le prompt suffit ; l’installation reste facultative.

Révisez une diapositive précise

Vérifiez le contenu et demandez une modification ciblée. Identifiez la diapositive et ce qui doit rester inchangé. Par exemple :

Sur la diapositive 2, remplacez le paragraphe par trois points courts. Conservez la mise en page, les autres diapositives, la navigation et les notes existantes. Adaptez uniquement le texte oral de la diapositive 2. Renvoyez le fichier HTML complet révisé.

Revérifiez les chiffres, les sources et la lisibilité après modification. Demandez à Claude d’expliquer les changements ; un aperçu soigné ne prouve pas l’exactitude des faits ou du fichier.

Enregistrez le HTML, pas la page d’aperçu

Demandez à Claude la présentation finale sous forme de fichier .html téléchargeable. Si un fichier est fourni, téléchargez-le et vérifiez son extension. N’enregistrez pas la page de conversation et n’importez pas une URL de partage d’artefact.

Si l’interface ne propose pas de téléchargement HTML, demandez le code complet dans un seul bloc. Copiez uniquement le code dans un éditeur de texte brut, enregistrez en deck.html avec UTF-8 et vérifiez que ce n’est pas deck.html.txt. Évitez les éditeurs de texte enrichi.

Un export de modèle PowerPoint ou PDF ne peut pas être importé ici. Demandez une version HTML autonome, puis vérifiez sa mise en page et sa navigation localement.

Présentez le fichier enregistré

1. Ouvrez le fichier enregistré dans le navigateur, parcourez toutes les diapositives et vérifiez les images essentielles.
2. Gardez le fichier sous 2 MB et intégrez les notes si vous souhaitez les lire sur téléphone.
3. Importez-le dans HTML Slide Presenter, choisissez l’expiration et passez la vérification antibot.
4. Ouvrez le présentateur sur l’écran, scannez le QR avec le téléphone et vérifiez que les notes changent avec la diapositive.

Le guide de la télécommande explique la configuration ; le guide des notes explique leur format.

Qu’est-ce qui est gratuit ?

La présentation avec Tiny Design Shop est gratuite, sans compte ni application installée. Le compte Claude, ses fonctions et ses limites sont distincts. Si la génération atteint une limite, attendez le rétablissement de l’accès ou poursuivez plus tard ; présenter un fichier déjà enregistré ne demande pas de nouvelle génération Claude.

Testé le 29 septembre 2026 dans le chat ordinaire de Claude sur ordinateur avec Max : un artefact HTML de trois diapositives s’est ouvert dans Preview/Code et Download a enregistré le fichier complet. La création et le téléchargement sur Free n’ont pas été testés. Les commandes varient selon l’interface et le compte ; le code complet reste une solution.