HTML2Elementor
Konwertuje HTML+CSS na Elementor JSON, z weryfikatorem sprawdzającym kaskadę
Testowano · Działa
Co robi ten skill
Lokalny konwerter Python, który zamienia stronę HTML z jej CSS w ładunek Elementor `_elementor_data` plus plik zestawu globalnych niestandardowych kolorów i typografii, a następnie weryfikuje wynik węzeł po węźle w stosunku do źródła. Uruchamia się, gdy wklejasz lub wskazujesz HTML i chcesz go jako stronę Elementor w WordPress: "convert this landing to Elementor", "Elementor JSON from this markup", "bring this Tailwind mockup into WordPress". Obsługuje niestandardowe właściwości CSS, wykrywanie siatki, obramowania dla każdej strony i pozycjonowanie absolutne, które ręcznie pisany Elementor JSON zazwyczaj traci.
Raport z testu
Skonwertowano świeżą stronę docelową z 3 sekcjami i oceniono ją w stosunku do ręcznie napisanego Elementor JSON tej samej strony za pomocą własnego weryfikatora repozytorium: konwerter zwrócił 0 problemów, ręcznie zbudowana wersja z 16 — dziedziczone kolory tekstu `var(--muted)`, maksymalne szerokości bohatera i każdy `margin-bottom` cicho utracone. Rozwiązał również `var(--brand)` w haszowane globalne kolory unikalne dla strony, wyprowadził odcień najechania przycisku i wygenerował punkty przerwania flex dla tabletów/telefonów, których nikt nie pisze ręcznie. Dwie wady dokumentacji kosztowały go: wywołanie wydrukowane w SKILL.md kończy się błędem `ModuleNotFoundError` po uruchomieniu z katalogu instalacyjnego (pakiet rozwiązuje się tylko z katalogu nadrzędnego), a `--upload` plus odwołany `playsand/cleanup_kit.sh` zależą od sandboxa docker, którego nie ma w repozytorium, więc przesyłanie obrazów cicho nic nie robi. Strona, której zawartość nie znajduje się w semantycznych tagach `<section>`, została przekonwertowana na pusty układ.
Testowano: 2026-08-10 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/html2elementorKonwertuje HTML+CSS na Elementor JSON, z weryfikatorem sprawdzającym kaskadę
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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