HTML2Elementor

Konverterer HTML+CSS til Elementor JSON, med en verificering, der kontrollerer kaskaden

Af dudaster · dudaster/html2elementor

Testet · Virker ★ 7.6/10

HTML2Elementor — Konverterer HTML+CSS til Elementor JSON, med en verificering, der kontrollerer kaskaden

Hvad det gør

En lokal Python-konverter, der omdanner en HTML-side med dens CSS til en Elementor _elementor_data payload plus en kit-fil med brugerdefinerede farve- og typografi-globals, og derefter verificerer resultatet node-for-node mod kilden. Udløses, når du indsætter eller peger på HTML og ønsker det som en Elementor-side i WordPress: "convert this landing to Elementor", "Elementor JSON from this markup", "bring this Tailwind mockup into WordPress". Håndterer CSS custom properties, grid detection, per-side borders og absolute positioning, som håndskrevet Elementor JSON normalt mister.

Testrapport

Konverterede en frisk 3-sektions landingsside og scorede den mod en håndskrevet Elementor JSON af samme side ved hjælp af repoets egen verificering: konverteren returnerede 0 problemer, den håndbyggede version med 16 — arvede var(--muted) tekstfarver, hero max-widths og hver margin-bottom lydløst tabt. Den løste også var(--brand) til hashed side-unikke farve-globals, udledte en knap-hover-nuance og udsendte tablet/mobile flex breakpoints, som ingen skriver i hånden. To dokumentationsfejl kostede den: kaldet udskrevet i SKILL.md dør med ModuleNotFoundError, når det køres fra installationsmappen (pakken løses kun fra den overordnede mappe), og --upload plus den refererede playsand/cleanup_kit.sh afhænger af en docker sandbox, der ikke er i repoet, så billedupload udfører lydløst intet. En side, hvis indhold ikke er inden for semantiske <section>-tags, blev konverteret til et tomt layout.

Testet: 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

Kommandoer og eksempelprompter

  • /html2elementorKonverterer HTML+CSS til Elementor JSON, med en verificering, der kontrollerer kaskaden

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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