SkillProof tested Claude skills

HTML2Elementor

Konverterar HTML+CSS till Elementor JSON, med en verifierare som kontrollerar kaskaden

av dudaster · dudaster/html2elementor

Testad · Fungerar ★ 7.6/10

HTML2Elementor — Konverterar HTML+CSS till Elementor JSON, med en verifierare som kontrollerar kaskaden

Vad den gör

En lokal Python-konverterare som förvandlar en HTML-sida med dess CSS till en Elementor _elementor_data-nyttolast plus en kit-fil med anpassade färg- och typografi-globaler, och sedan verifierar resultatet nod-för-nod mot källan. Utlöses när du klistrar in eller pekar på HTML och vill ha det som en Elementor-sida i WordPress: "konvertera denna landningssida till Elementor", "Elementor JSON från denna markup", "för in denna Tailwind-mockup i WordPress". Hanterar CSS custom properties, grid detection, per-side borders och absolute positioning som handskriven Elementor JSON vanligtvis förlorar.

Testrapport

Konverterade en ny 3-sektions landningssida och jämförde den med en handskriven Elementor JSON av samma sida med hjälp av repots egen verifierare: konverteraren kom tillbaka med 0 problem, den handbyggda versionen med 16 — ärvda var(--muted) textfärger, hero max-widths och varje margin-bottom tyst förlorade. Den löste också var(--brand) till hashade sidunika färg-globaler, härledde en knapp-hover-skugga och emitterade tablet/mobile flex-brytpunkter som ingen skriver för hand. Två dokumentationsfel kostade den: anropet som skrivs ut i SKILL.md dör med ModuleNotFoundError när det körs från installationskatalogen (paketet löses endast från föräldrakatalogen), och --upload plus den refererade playsand/cleanup_kit.sh är beroende av en docker-sandbox som inte finns i repot, så bilduppladdning no-ops tyst. En sida vars innehåll inte är inom semantiska <section>-taggar konverterades till en tom layout.

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

Kommandon och exempelprompter

  • /html2elementorKonverterar HTML+CSS till Elementor JSON, med en verifierare som kontrollerar kaskaden

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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

Läs hela rapporten →