SkillProof tested Claude skills

HTML2Elementor

Converte HTML+CSS in Elementor JSON, con un verificatore che controlla la cascade

di dudaster · dudaster/html2elementor

Promosso ★ 7.6/10

HTML2Elementor — Converte HTML+CSS in Elementor JSON, con un verificatore che controlla la cascade

Cosa fa

Un convertitore Python locale che trasforma una pagina HTML con il suo CSS in un payload Elementor _elementor_data più un kit file di custom colour e typography globals, quindi verifica il risultato node-by-node rispetto alla sorgente. Si attiva quando si incolla o si indica HTML e lo si vuole come pagina Elementor in WordPress: "convert this landing to Elementor", "Elementor JSON from this markup", "bring this Tailwind mockup into WordPress". Gestisce CSS custom properties, grid detection, per-side borders e absolute positioning che Elementor JSON scritto a mano di solito perde.

Rapporto di test

Ho convertito una fresh 3-section landing page e l'ho valutata rispetto a un Elementor JSON scritto a mano della stessa pagina usando il verifier del repo: il convertitore è tornato con 0 issues, la versione costruita a mano con 16 — inherited var(--muted) text colours, hero max-widths e ogni margin-bottom silenziosamente persi. Ha anche risolto var(--brand) in hashed page-unique colour globals, ha derivato un button hover shade e ha emesso tablet/mobile flex breakpoints che nessuno scrive a mano. Due difetti di documentazione gli sono costati: l'invocazione stampata in SKILL.md muore con ModuleNotFoundError quando eseguita dalla directory di installazione (il package si risolve solo dalla parent dir), e --upload più il playsand/cleanup_kit.sh referenziato dipendono da un docker sandbox che non è nel repo, quindi image upload silenziosamente no-ops. Una pagina il cui contenuto non è all'interno di semantic <section> tags è stata convertita in un empty layout.

Testato il: 2026-08-10 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

  • /html2elementorConverte HTML+CSS in Elementor JSON, con un verificatore che controlla la cascade

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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

Rapporto completo →