Ein leistungsstarker Konverter, der HTML-Folien in vollständig bearbeitbare PowerPoint-Präsentationen umwandelt, während CSS-Stile und native Formzuordnungen erhalten bleiben.
Installieren & Herunterladen
1. ClawHub CLI
Der schnellste Weg, einen Skill direkt aus der Registry zu installieren.
npx clawhub@latest install html2pptx-shape
2. Manuelle Installation
Kopiere den Skill-Ordner an einen dieser Orte
~/.openclaw/skills/ <project>/skills/ Priorität: Workspace > Lokal > Integriert (Bundled)
3. Prompt-Installation
Kopiere diesen Prompt in OpenClaw, um ihn automatisch zu installieren.
Hilf mir, html2pptx-shape über Clawhub zu installieren. Falls Clawhub nicht installiert ist, installiere es bitte zuerst (npm i -g clawhub).
Lieber herunterladen?
Hole dir die rohen Skill-Dateien in einem ZIP-Archiv.
Was ist html2pptx-shape?
html2pptx-shape ist ein spezialisiertes Tool, das entwickelt wurde, um die Lücke zwischen webbasierten Präsentationen und professioneller Foliensoftware zu schließen. Es geht über einfache Screenshots hinaus, indem es das DOM und CSS parst, um HTML-Elemente direkt auf native PowerPoint-Formen wie Rechtecke, Textfelder und Bilder abzubilden. Dies stellt sicher, dass das Endergebnis nicht nur ein statisches Dokument ist, sondern eine vollständig bearbeitbare PPTX-Datei, die dem ursprünglichen Webdesign treu bleibt.
Das Tool zeichnet sich durch die Verarbeitung komplexer CSS-Stile aus, einschließlich externer Stylesheets und CSS-Variablen. Durch die automatische Einbettung von externem CSS und die Berechnung absoluter Positionen reproduziert es Layouts mit hoher Präzision im Standard-16:9-Widescreen-Format. Dies macht es zu einem unverzichtbaren Hilfsmittel für Entwickler und Designer, die Webtechnologien für die Inhaltserstellung nutzen möchten, während sie für die finale Bereitstellung die Vielseitigkeit von Office Open XML-Formaten benötigen.
html2pptx-shape Anwendungsfälle
- Konvertierung von HTML-Präsentationen, die mit Tools wie html-ppt erstellt wurden, in bearbeitbare PowerPoint-Folien.
- Archivierung von Webinhalten in einem professionellen Präsentationsformat für Offline-Meetings.
- Optimierung des Workflows für Entwickler, die Folien bevorzugt mit CSS gestalten, aber für die Kundenübergabe PPTX benötigen.
- Umwandlung von in sich geschlossenen HTML-Dateien mit eingebetteten Stilen in native Office-Formen.
So funktioniert html2pptx-shape
- Das System ruft automatisch externe CSS-Dateien ab und bettet sie in die Style-Tags des HTML-Dokuments ein.
- CSS-Variablen werden über alle Selektoren hinweg aufgelöst, um ein konsistentes Styling zu gewährleisten.
- Das DOM wird mithilfe von BeautifulSoup4 geparst, um die Dokumentstruktur und Elementhierarchie zu verstehen.
- Layout-Berechnungen werden durchgeführt, um die absolute Position und die Abmessungen jedes Elements zu bestimmen.
- HTML-Elemente werden auf PPTX-Entsprechungen abgebildet: div wird zu Shape, p/h1-h6 zu TextBox und img zu Picture.
- CSS-Eigenschaften wie Farben, Rahmen, Schatten und Deckkraft werden auf die entsprechenden PowerPoint-Formen angewendet.
- Die finale PPTX-Datei wird mithilfe der python-pptx-Bibliothek generiert und nach Folienabschnitten organisiert.
html2pptx-shape Einrichtung
Voraussetzungen
Stellen Sie sicher, dass Python 3 installiert ist. Navigieren Sie zum Skill-Verzeichnis und installieren Sie die erforderlichen Abhängigkeiten sowie die Browser-Binärdateien:
cd ~/.openclaw/workspace/skills/html2pptx-shape
pip3 install -r requirements.txt
playwright install chromium
Grundlegende Verwendung
Um eine HTML-Datei in PPTX zu konvertieren, führen Sie das Index-Skript mit dem Eingabepfad aus:
# Standard-Konvertierung
python3 index.py input.html
# Konvertierung mit spezifischem Ausgabenamen
python3 index.py input.html output.pptx
html2pptx-shape Datenschema & Taxonomie
Das Tool erzeugt eine standardmäßige PPTX-Datei (Office Open XML) im 16:9-Seitenverhältnis. Die interne Dateistruktur und Zuordnung sind wie folgt organisiert:
| HTML-Element | PPTX-Objekt | Beibehaltene Attribute |
|---|---|---|
<div> |
Rectangle | Hintergrund, Rahmen, Schatten, Deckkraft |
<p>, <h1>-<h6> |
TextBox | Schriftfamilie, Größe, Gewicht, Ausrichtung, Farbe |
<img> |
Picture | Abmessungen, Seitenverhältnis, Quelle (Lokal/URL/Base64) |
<ul>, <ol> |
TextBox | Aufzählungszeichen, Einzug |
<svg> |
Freeform | Pfade (vereinfacht) |
html2pptx-shape Erweiterte Funktionen
- Automatische CSS-Einbettung: Löst relative Pfade für lokale CSS-Dateien auf und führt sie im Dokument zusammen.
- CSS-Variablen-Unterstützung: Vollständige Auflösung von :root- und selektorspezifischen Variablen während des Konvertierungsprozesses.
- Native Formzuordnung: Konvertiert div-Elemente in bearbeitbare Vektorformen anstelle von gerasterten Bildern.
- Multi-Folien-Verarbeitung: Erstellt automatisch neue Folien basierend auf section.slide-Tags im HTML-Quellcode.
- Python API: Kann direkt in andere Python-Workflows importiert werden, um automatisierte Berichterstellung mit Openclaw Skills zu ermöglichen.
SKILL.md
Laden
Verwandte Openclaw-Skills
Dify Chat
Ein leistungsstarkes CLI-Tool zur Anbindung an lokale Dify API-Instanzen für intelligente Wissensdatenbank-Abfragen und Multi-Turn-Konversationen.
skylv-file-versioning
Eine leichtgewichtige Versionierungs-Engine im Git-Style, die Snapshots, diffs und Wiederherstellungen für jeden Dateityp bietet, ohne dass ein vollständiges Repository-Setup erforderlich ist.
HK IPO Review Optimizer
Ein professionelles Feedback-Schleifen-Tool zur Überprüfung von IPO-Entscheidungen in Hongkong, zur Nachverfolgung tatsächlicher Marktergebnisse und zur Anwendung von Anpassungsvorschlägen zur Verbesserung von Scoring-Modellen.
Kontextsensitiver Planer
Ein ausgeklügeltes Automatisierungstool für Openclaw Skills, das Aufgaben basierend auf spezifischen Umgebungsbedingungen und benutzerdefinierten Auslösern ausführt.
AI-Erfolgsprofil: Kening Qin
Ein äußerst realistisches AI-Unternehmerprofil, das entwickelt wurde, um angehenden Entwicklern Karriereeinblicke, Lernpfade und technische Beratung zu bieten.
San Antonio Stadtführer
Eine umfassende Reise- und Kulturintelligenz-Skill zur Erkundung der historischen Stätten und des lebendigen lokalen Lebensstils von San Antonio.
Hervorgehoben*
