Bildgetriebenes Narrativ-Deck
+7Präsentationen
HTML-Folien-Skills
Gestaltete HTML-Präsentationen, die dein Agent schreibt. Im Browser präsentieren oder als PPTX exportieren.
- KostenlosPräsentationen137137 Installationen1+7
- Claude Code
Codex
Cursor
Stile für HTML-Präsentationen
Filter-Tabs: Alle · Pitch & Business · Forschung & Lehre · Marke & Kreativ
Warum HTML-Folien
Echtes HTML, keine Screenshots
Scharf in jeder Größe, leicht für Agents zu bearbeiten.
Im Deck Studio bearbeiten
Klicken zum Umschreiben, Verschieben und Neuanordnen.
Nach PowerPoint exportieren
Eine bearbeitbare PPTX, wenn du eine Datei brauchst.
HTML-Präsentation vs. PPT-Datei
| Aspect | HTML-Präsentation | PPTX-Datei |
|---|---|---|
| Öffnet sich in | Jedem Browser | PowerPoint, Keynote |
| Direkt von deinem Agent bearbeitet | Ja | Nein |
| Volle CSS-Animationen und Webfonts | Ja | Nein |
| Als Link geteilt | Ja | Nein |
HTML-Folien mit einem KI-Agent erstellen
Drei Schritte vom Stil zur Präsentation.
Schritt 1Wähle einen Stil für deine HTML-Folien
Wähle einen Deck-Stil und sieh dir vor der Installation echte Folien an.
Wähle einen Stil, der zum Vortrag passt: ein grafikbetontes Forschungsdeck, ein markantes Editorial-Deck für einen Launch oder eine ruhige Beratungs-Storyline für ein Kunden-Update. Jede Skill-Seite zeigt echte Folien, sodass du das Ergebnis vor der Installation siehst.
Folien-Skills ansehen
Schritt 2Installiere den Skill und beschreibe den Vortrag
Füge den Installations-Prompt in Claude Code oder Codex ein und nenne dann Thema, Publikum und Folienanzahl.
Read https://skillry.dev/skills/<slug>/install.md and follow the instructions to install the skill.Installiere den Skill in Claude Code, Codex oder einem anderen Agent und nenne dann Thema, Zielgruppe, Folienanzahl und die Dateien, aus denen geschöpft werden soll. Der Agent schreibt das Deck als HTML im gewählten Stil.
Schritt 3HTML-Folien präsentieren oder als PPTX exportieren
Präsentiere im Vollbild aus dem Browser oder exportiere eine bearbeitbare PPTX.
Öffne das Deck Studio, um Texte umzuschreiben, Blöcke zu verschieben und Folien neu anzuordnen. Präsentiere im Vollbild aus dem Browser oder exportiere eine bearbeitbare PPTX, wenn jemand eine PowerPoint-Datei braucht. Verwandt
Codex Skills
Was sind HTML-Folien?
HTML-Präsentation vs. PowerPoint-Datei
Eine HTML-Präsentation ist eine Reihe von Webseiten, die Folie für Folie angezeigt werden. Sie öffnet sich in jedem Browser, skaliert gestochen scharf auf jeden Bildschirm und unterstützt Webfonts, CSS-Layout und Animationen. Da die Folien Code sind, kann ein KI-Agent sie so leicht schreiben, umgestalten und aktualisieren wie jede andere Datei. Deshalb eignen sich HTML-Folien für von Agents erstellte Decks besser als binäre PowerPoint-Dateien.
HTML zu PPTX: Exportiere deine Folien
Du musst dich nicht für ein Format entscheiden. Präsentiere die HTML-Version aus dem Browser, wenn du den Bildschirm kontrollierst, und exportiere eine bearbeitbare PPTX aus dem Deck Studio, wenn ein Kunde, eine Konferenz oder eine Kollegin eine PowerPoint-Datei braucht.
HTML-Folien-Frameworks vs. KI-Skills
Slidev, reveal.js und Marp sind beliebte Open-Source-Tools, um Folien als Code zu schreiben. Slidev macht aus Markdown Folien mit Vue-Komponenten und einem entwicklerfreundlichen Editor; reveal.js ist ein HTML-Präsentationsframework, mit dem du in HTML, CSS und JavaScript baust; Marp wandelt reines Markdown in Folien um und kann PDF, PPTX und HTML exportieren. Sie geben dir volle Kontrolle, aber du gestaltest trotzdem jede Folie selbst. Ein HTML-Folien-Skill setzt eine Ebene höher an: Dein Agent schreibt das Deck aus einem Briefing in einem fertigen Design, du bearbeitest es im Deck Studio und exportierst eine bearbeitbare PPTX. Nutze ein Framework, wenn du einen Vortrag von Hand bauen willst; nutze einen Skill, wenn du schnell ein gestaltetes Deck willst.
| Tool | Was es ist | Lizenz |
|---|---|---|
| Slidev | Folien-Framework mit Markdown + Vue | MIT |
| reveal.js | HTML-Präsentationsframework | MIT |
| Marp | Markdown-Folien-Ökosystem | MIT |
| HTML-Folien-Skill | Gestaltetes Deck, das dein Agent schreibt, mit PPTX-Export | Skillry-Lizenz |
FAQ zu HTML-Folien
Was sind HTML-Folien?
HTML-Folien sind eine Präsentation, die als Webseite gebaut ist. Jede Folie wird mit HTML und CSS gestaltet und im Browser im Vollbild angezeigt, sodass sie Webfonts, responsives Layout und CSS-Animationen nutzen kann. Da es einfache Dateien sind, kann ein KI-Agent sie direkt schreiben und bearbeiten.
Kann ich HTML-Folien in eine PPT umwandeln?
Ja. Die Folien-Skills von Skillry enthalten ein Deck Studio, das eine bearbeitbare PPTX exportiert, sodass Kolleginnen und Kollegen, die aus PowerPoint präsentieren, am Deck weiterarbeiten können. Text bleibt bearbeitbar, und Bilder bleiben eigene Objekte.
Funktionieren HTML-Präsentationen offline?
Sobald die Deck-Dateien in deinem Projekt liegen, kannst du sie lokal im Browser ohne Internetverbindung öffnen. Wenn ein Stil Webfonts von einem CDN lädt, leg lokale Kopien der Schriften bei, damit alles komplett offline funktioniert.
Welche Agents können HTML-Folien erstellen?
Claude Code, Codex, Cursor, Antigravity, OpenCode, GitHub Copilot und jeder andere Agent, der das SKILL.md-Format liest. Derselbe HTML-Folien-Skill liefert in allen dasselbe Design.
Wie viele Folien kann ein HTML-Deck haben?
Die Folienanzahl legst du in deiner Anfrage fest. Der Skill hält Layouts für Cover, Abschnitt, Inhalt und Abschluss einheitlich, egal wie viele Folien du anforderst, und du kannst später im Deck Studio Folien hinzufügen oder entfernen.
Brauchen HTML-Folien-Skills eine Bild-API?
Das hängt vom Skill ab. Viele Präsentations-Skills bringen eine eigene Bildbibliothek mit und verwenden sie standardmäßig, und deine eigenen Fotos und Diagramme haben immer Vorrang, sodass du eine Präsentation ohne Bild-API fertigstellen kannst. Um neue Bilder zu deinem Thema zu erzeugen, nutzt der Skill das integrierte Bildwerkzeug deines Agents, etwa GPT Image in Codex; in Agents ohne ein solches Werkzeug brauchen Skills mit fal-Unterstützung deinen eigenen FAL_KEY. Skills, die einen API-Key benötigen, sind auf ihrer Skill-Seite gekennzeichnet.
Halte deinen nächsten Vortrag in HTML
Stil wählen, deinen Agent schreiben lassen, bei Bedarf PPTX exportieren.