HTML-Folien mit Claude erstellen und kostenlos präsentieren

Fordern Sie HTML in einem normalen Gespräch an

Beginnen Sie ein Claude-Gespräch mit Zielgruppe, Dauer, Gliederung und Quellenmaterial. Fordern Sie ausdrücklich eigenständige HTML-Folien an. Eine Claude Slides-Vorlage und eine eigenständige HTML-Datei sind verschiedene Ergebnisse: Der Presenter braucht die Datei, keinen Claude-Freigabelink.

Anthropic dokumentiert Chat-Artefakte für Free- und kostenpflichtige Tarife; Slides-Vorlagen sind hingegen eine kostenpflichtige Beta. Dieser Ablauf benötigt weder Slides-Vorlage noch Claude Code. Prüfen Sie die aktuelle Verfügbarkeit in der Claude-Artefaktdokumentation.

Nennen Sie Claude die Dateianforderungen

Fügen Sie diesen Prompt mit Ihrem Quellenmaterial ein. Beginnen Sie mit wenigen Folien, um das Ergebnis vor weiteren Ergänzungen zu prüfen.

Erstellen Sie eigenständige HTML-Folien für [Zielgruppe] über [Thema]. Vortragsdauer: [Minuten]. Verwenden Sie nur Fakten aus meinem untenstehenden Quellenmaterial. Nutzen Sie ein klares 16:9-Layout, lesbaren Text, Inline-CSS/JavaScript und eingebettete Ressourcen. Verwenden Sie section.slide für jede Folie und jeweils genau eine .active-Folie. Ergänzen Sie Zurück/Weiter-Schaltflächen und Navigation mit ArrowLeft/ArrowRight und Home. Fügen Sie in jede Folie ein script type="application/json" class="slide-notes" mit title, script (Vortragstext) und notes (Array kurzer Stichpunkte) ein. Blenden Sie die Notizen auf der Folie aus. Halten Sie die vollständige Datei unter 2 MB. Keine Frameworks, externen Schriften, entfernten Bilder, API-Aufrufe oder Build-Schritte. Geben Sie die vollständige deck.html-Datei aus, nicht nur eine Gliederung. Quellenmaterial: [Inhalte einfügen]

Für wiederholte Nutzung in kompatiblen Tools erhalten Sie den HTML Slide Presenter Skill. In einem normalen Chat genügt der Prompt; eine Skill-Installation ist optional.

Überarbeiten Sie eine bestimmte Folie

Prüfen Sie den Inhalt und bitten Sie um eine gezielte Änderung. Nennen Sie die Folie und was unverändert bleiben soll. Zum Beispiel:

Ersetzen Sie auf Folie 2 den Absatz durch drei kurze Punkte. Erhalten Sie Layout, andere Folien, Navigation und vorhandene Notizen. Aktualisieren Sie nur den Vortragstext von Folie 2 passend dazu. Geben Sie die vollständige überarbeitete HTML-Datei zurück.

Prüfen Sie nach der Überarbeitung erneut Zahlen, Quellen und Lesbarkeit. Lassen Sie Claude die Änderungen erklären; eine polierte Vorschau beweist nicht, dass Fakten oder Datei korrekt sind.

Speichern Sie HTML, nicht die Vorschauseite

Bitten Sie Claude um die fertige Präsentation als herunterladbare .html-Datei. Laden Sie sie herunter und prüfen Sie die Endung. Speichern Sie nicht die Gesprächswebseite und laden Sie keine Artefakt-Freigabe-URL hoch.

Bietet Ihre Oberfläche keinen HTML-Download an, fordern Sie den gesamten Quelltext in einem Codeblock an. Kopieren Sie nur diesen Code in einen reinen Texteditor, speichern Sie ihn als deck.html in UTF-8 und prüfen Sie, dass die Datei nicht deck.html.txt heißt. Vermeiden Sie Rich-Text-Editoren.

Ein Vorlagenexport als PowerPoint oder PDF lässt sich hier nicht hochladen. Fordern Sie eine eigenständige HTML-Version an und prüfen Sie Layout und Navigation lokal.

Präsentieren Sie die gespeicherte Datei

1. Öffnen Sie die gespeicherte Datei im Browser, prüfen Sie jede Folie und alle wesentlichen Bilder.
2. Halten Sie die Datei unter 2 MB und betten Sie Notizen ein, wenn Sie diese auf dem Smartphone lesen möchten.
3. Laden Sie die Datei in HTML Slide Presenter hoch, wählen Sie die Ablaufzeit und führen Sie die Bot-Prüfung durch.
4. Öffnen Sie den Presenter am Bildschirm, scannen Sie den QR mit dem Smartphone und prüfen Sie, ob die Notizen beim Folienwechsel mitwechseln.

Die Fernbedienungsanleitung beschreibt die Einrichtung; die Notizen-Anleitung erklärt das Importformat.

Was ist kostenlos?

Der Präsentationsschritt mit Tiny Design Shop ist kostenlos und benötigt weder Konto noch installierte App. Claude-Konto, Funktionszugang und Nutzungslimits sind davon unabhängig. Warten Sie bei einem Generierungslimit auf neuen Zugang oder arbeiten Sie später weiter; bereits gespeicherte Folien benötigen zum Präsentieren keine erneute Claude-Generierung.

Getestet am 29. September 2026 im normalen Claude-Desktop-Chat mit Max: Ein HTML-Artefakt mit drei Folien öffnete sich in Preview/Code; Download speicherte die vollständige Datei. Erstellung und Download im Free-Tarif wurden nicht getestet. Exportfunktionen können je nach Oberfläche und Konto variieren; vollständiger Quelltext bleibt eine Alternative.