HTML2Elementor

Konverterer HTML+CSS til Elementor JSON, med en verifikator som sjekker kaskaden

av dudaster · dudaster/html2elementor

Bestått ★ 7.6/10

HTML2Elementor — Konverterer HTML+CSS til Elementor JSON, med en verifikator som sjekker kaskaden

Hva den gjør

En lokal Python-konverterer som gjør en HTML-side med dens CSS om til en Elementor _elementor_data payload pluss en kit-fil med egendefinerte farge- og typografi-globals, og deretter verifiserer resultatet node-for-node mot kilden. Utløses når du limer inn eller peker 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 vanligvis mister.

Testrapport

Konverterte en fersk 3-seksjons landingsside og scoret den mot en håndskrevet Elementor JSON av samme side ved hjelp av repoets egen verifikator: konverteren kom tilbake med 0 problemer, den håndbygde versjonen med 16 — arvede var(--muted) tekstfarger, hero max-widths og hver margin-bottom ble stille tapt. Den løste også var(--brand) til hashed page-unique colour globals, utledet en knapp-hover-skygge og sendte ut tablet/mobile flex breakpoints som ingen skriver for hånd. To dokumentasjonsfeil kostet den: kallingen som er skrevet ut i SKILL.md dør med ModuleNotFoundError når den kjøres fra installasjonskatalogen (pakken løses kun fra foreldremappen), og --upload pluss den refererte playsand/cleanup_kit.sh avhenger av en docker sandbox som ikke er i repoet, so image upload silently no-ops. En side hvis innhold ikke er innenfor semantiske <section>-tagger ble konvertert til et tomt layout.

Testet på: 2026-08-10 · Claude Code 2.x (agent harness)

Installer

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 verifikator som sjekker kaskaden

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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