HTML2Elementor
Konverterer HTML+CSS til Elementor JSON, med en verifikator som sjekker kaskaden
Bestått
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 importTurn my CSS custom-properties page into an Elementor kit fileConvert this dark CTA band section to Elementor page data