HTML-Präsentation mit Claude erstellen und vorführen

Aktualisiert am 21. Oktober 2026

Claude erstellt in wenigen Minuten ansprechende Präsentationen als HTML-Datei. Dieser Leitfaden zeigt den ganzen Weg: vom guten Prompt über Notizen und Test bis zum Vortrag am Beamer oder in Teams.

Was ist eine HTML-Präsentation?

Eine HTML-Präsentation ist eine Webseite, die sich wie ein Foliensatz verhält. Jede Folie ist ein Abschnitt der Seite, die Gestaltung übernimmt CSS, und per Tastatur schaltest du weiter. Statt einer .pptx- oder .key-Datei hast du eine einzige .html-Datei, die in jedem Browser läuft. Frameworks wie reveal.js arbeiten nach diesem Prinzip, und Claude erzeugt solche Dateien auf Wunsch direkt.

Vor- und Nachteile

Die meisten Nachteile betreffen den Vortrag selbst. Genau dafür gibt es presenthtml: eine Referentenansicht für jedes HTML-Deck.

Präsentation mit Claude erstellen

Je klarer dein Auftrag, desto besser das Ergebnis. Bewährt haben sich vier Angaben:

1. Ziel und Publikum: Wen willst du wovon überzeugen?
2. Dauer und Umfang: Wie viele Minuten, wie viele Folien?
3. Material: Zahlen, Gliederung, vorhandene Texte. Ohne Material bleibt Claude allgemein.
4. Technik: eine eigenständige HTML-Datei, jede Folie ein eigener Abschnitt, Weiterschalten mit den Pfeiltasten, Format 16:9.

Fertige Formulierungen findest du in der Prompt-Sammlung für Präsentationen. Lass Claude das Ergebnis danach Folie für Folie überarbeiten, statt alles in einem Schritt zu verlangen.

Sprechernotizen ergänzen

Notizen stehen versteckt in der jeweiligen Folie als <aside class="notes">. presenthtml zeigt sie in der Referentenansicht, das Publikum sieht sie nie. Bitte Claude mit dem Notizen-Prompt, die Stichpunkte zu ergänzen. Mit dem Zeit-Prompt kommt die geplante Sprechzeit pro Folie gleich mit hinein.

Testen vor dem Vortrag

• Datei in presenthtml öffnen und einmal komplett durchklicken, auch rückwärts.
• Prüfen, ob die Miniaturen alle Folien zeigen. Erkennt presenthtml nur eine Folie, eine andere Steuerungsart wählen.
• Notizen bei jeder Folie kontrollieren und die Schriftgröße für den Vortrag einstellen.
• Mit dem Prüf-Prompt kann Claude typische Fehler selbst finden.

Vorführen am Beamer und in Teams

Mit Beamer oder zweitem Monitor zeigt presenthtml die Präsentation dort im Vollbild und die Referentenansicht auf deinem MacBook. In Videokonferenzen teilst du nur das Fenster „Präsentation – Dateiname“, Details stehen in der Anleitung In Teams präsentieren und Notizen sehen. Die Leertaste startet die Zeit, das Zeitbudget zeigt dir die Restzeit.

Handout und Nachbereitung

Mit ⌘E erzeugt presenthtml ein PDF-Handout aller Folien, wahlweise mit deinen Notizen. Wie das genau geht, steht in der Anleitung PDF-Handout aus HTML-Folien.

Häufige Fehler

• Zu viel Text pro Folie. Eine Kernaussage pro Folie, Details gehören in die Notizen.
• Inhalte aus dem Internet. Lädt das Deck Schriften oder Bilder online nach, fehlen sie ohne Netz. Besser alles einbetten.
• Notizen am Ende der Datei. Sie müssen in der jeweiligen Folie stehen, sonst kann presenthtml sie nicht zuordnen.
• Den ganzen Bildschirm teilen. Dann sieht das Publikum die Notizen. Nur das Präsentationsfenster teilen.

Häufige Fragen

Bald im Mac App Store.

Für macOS 13 und neuer, Apple Silicon und Intel.

Bald verfügbar

Weitere Anleitungen