SkillProof tested Claude skills

HTML2Elementor

Konvertiert HTML+CSS in Elementor JSON, mit einem Verifizierer, der die Kaskade prüft

von dudaster · dudaster/html2elementor

Getestet · Funktioniert ★ 7.6/10

HTML2Elementor — Konvertiert HTML+CSS in Elementor JSON, mit einem Verifizierer, der die Kaskade prüft

Was es kann

Ein lokaler Python-Konverter, der eine HTML-Seite mit ihrem CSS in eine Elementor _elementor_data-Payload plus eine Kit-Datei mit benutzerdefinierten Farb- und Typografie-Globalen umwandelt und dann das Ergebnis Knoten für Knoten gegen die Quelle verifiziert. Wird ausgelöst, wenn Sie HTML einfügen oder darauf verweisen und es als Elementor-Seite in WordPress haben möchten: "diese Landingpage in Elementor konvertieren", "Elementor JSON aus diesem Markup", "dieses Tailwind-Mockup in WordPress bringen". Behandelt CSS-Benutzereigenschaften, Rastererkennung, seitenweise Ränder und absolute Positionierung, die handgeschriebenes Elementor JSON normalerweise verliert.

Testbericht

Eine neue 3-Abschnitts-Landingpage konvertiert und gegen ein handgeschriebenes Elementor JSON derselben Seite mit dem eigenen Verifizierer des Repositories bewertet: Der Konverter kam mit 0 Problemen zurück, die handerstellte Version mit 16 – geerbte var(--muted) Textfarben, Hero-Max-Breiten und jeder margin-bottom gingen stillschweigend verloren. Es löste auch var(--brand) in gehashte seiten-eindeutige Farb-Globals auf, leitete einen Button-Hover-Farbton ab und emittierte Tablet-/Mobil-Flex-Breakpoints, die niemand von Hand schreibt. Zwei Dokumentationsfehler kosteten es: Der in SKILL.md gedruckte Aufruf stirbt mit ModuleNotFoundError, wenn er aus dem Installationsverzeichnis ausgeführt wird (das Paket löst nur aus dem übergeordneten Verzeichnis auf), und --upload plus das referenzierte playsand/cleanup_kit.sh hängen von einer Docker-Sandbox ab, die nicht im Repo ist, sodass der Bild-Upload stillschweigend keine Operationen ausführt. Eine Seite, deren Inhalt nicht innerhalb semantischer <section>-Tags liegt, wurde in ein leeres Layout konvertiert.

Getestet am: 2026-08-10 · Claude Code 2.x (agent harness)

Installation

mkdir -p ~/.claude/skills
git clone https://github.com/dudaster/html2elementor.git ~/.claude/skills/html2elementor
cd ~/.claude/skills/html2elementor && python3 -m venv .venv && .venv/bin/pip install -r requirements.txt

Befehle & Beispiel-Prompts

  • /html2elementorKonvertiert HTML+CSS in Elementor JSON, mit einem Verifizierer, der die Kaskade prüft

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Convert this HTML landing page into Elementor JSON I can import
  • Turn my CSS custom-properties page into an Elementor kit file
  • Convert this dark CTA band section to Elementor page data

Vollständiger Testbericht (Englisch) →