SkillProof tested Claude skills

HTML2Elementor

Převádí HTML+CSS na Elementor JSON s ověřovačem, který kontroluje kaskádu

od dudaster · dudaster/html2elementor

Otestováno · Funguje ★ 7.6/10

HTML2Elementor — Převádí HTML+CSS na Elementor JSON s ověřovačem, který kontroluje kaskádu

Co umí

Lokální Python konvertor, který převádí HTML stránku s jejím CSS na Elementor _elementor_data payload plus kit soubor vlastních globálních barev a typografie, poté ověřuje výsledek uzel po uzlu proti zdroji. Spouští se, když vložíte nebo ukážete na HTML a chcete to jako Elementor stránku ve WordPressu: "convert this landing to Elementor", "Elementor JSON from this markup", "bring this Tailwind mockup into WordPress". Zpracovává CSS custom properties, detekci mřížky, okraje na jednotlivých stranách a absolutní pozicování, které ručně psaný Elementor JSON obvykle ztrácí.

Testovací report

Převedl jsem novou 3-sekční vstupní stránku a porovnal ji s ručně psaným Elementor JSON stejné stránky pomocí vlastního ověřovače repozitáře: konvertor se vrátil s 0 problémy, ručně vytvořená verze s 16 – zděděné var(--muted) barvy textu, hero max-widths a každý margin-bottom tiše ztraceny. Také vyřešil var(--brand) do hashovaných globálních barev unikátních pro stránku, odvodil odstín hover tlačítka a vygeneroval tablet/mobile flex breakpoints, které nikdo nepíše ručně. Dvě chyby v dokumentaci ho stály: vyvolání vytištěné v SKILL.md zemře s ModuleNotFoundError při spuštění z instalačního adresáře (balíček se řeší pouze z nadřazeného adresáře), a --upload plus odkazovaný playsand/cleanup_kit.sh závisí na docker sandboxu, který není v repozitáři, takže nahrávání obrázků tiše nefunguje. Stránka, jejíž obsah není uvnitř sémantických <section> tagů, se převedla na prázdné rozvržení.

Testováno: 2026-08-10 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /html2elementorPřevádí HTML+CSS na Elementor JSON s ověřovačem, který kontroluje kaskádu

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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

Kompletní testovací report (anglicky) →