WordPress Block Theme Converter

Konwertuje HTML/CSS/JS w gotowy do produkcji motyw blokowy WordPress FSE, następnie samodzielnie sprawdza wynik.

Autor: siddik-web · siddik-web/wp-block-theme-converter

Testowano · Działa ★ 9.6/10

WordPress Block Theme Converter — Konwertuje HTML/CSS/JS w gotowy do produkcji motyw blokowy WordPress FSE, następnie samodzielnie sprawdza wynik.

Co robi ten skill

Ta umiejętność konwertuje statyczny HTML/CSS/JS (lub istniejące klasyczne motywy WP) w motywy blokowe WordPress Full Site Editing — generując theme.json, szablony, wzorce bloków i wsparcie dla WooCommerce — zgodnie z 10-fazową metodologią z narzuconą dyscypliną 'think before coding / simplicity first / surgical changes'. Uruchamia się na żądania konwersji, tworzenia szkieletu lub przenoszenia projektu do motywu blokowego WordPress/FSE/Gutenberg, lub na którąkolwiek z jego jedenastu dołączonych komend slash, i dostarcza skrypt Node.js 'doctor', który automatycznie waliduje theme.json, znaczniki bloków, nagłówki wzorców i pokrycie i18n.

Raport z testu

Uruchomiono własne skrypty repozytorium scripts/doctor.mjs na dwóch ręcznie zbudowanych wzorcach hero: wersja zgodna z umiejętnością (presety kolorów theme.json, komentarze bloków wp:group/wp:button, i18n esc_html__) przeszła wszystkie 4 automatyczne testy, podczas gdy naiwna wersja z inline-style/hardcoded-hex nie przeszła 3 z 4 testów z konkretnymi naruszeniami z numerami linii (4 trafienia inline-style, 3 brakujące pola nagłówka wzorca, brakujące flagi theme.json schema/appearanceTools).

Testowano: 2026-07-14 · Claude Code 2.x (agent harness)

Instalacja

git clone https://github.com/siddik-web/wp-block-theme-converter
cd wp-block-theme-converter
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/wp-block-theme-converter

Komendy i przykładowe prompty

  • /wp-block-theme-converterKonwertuje HTML/CSS/JS w gotowy do produkcji motyw blokowy WordPress FSE, następnie samodzielnie sprawdza wynik.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • Convert my landing page's HTML/CSS into a WordPress block theme
  • Scaffold an FSE Gutenberg theme from my existing static site
  • Generate theme.json and block patterns for my WooCommerce store