WordPress Block Theme Converter
Převádí HTML/CSS/JS na produkční WordPress FSE blokové téma a poté sám kontroluje výstup.
Otestováno · Funguje
Co umí
Tato dovednost převádí statické HTML/CSS/JS (nebo existující klasická WP témata) na WordPress Full Site Editing bloková témata — generuje theme.json, šablony, blokové vzory a podporu WooCommerce — podle desetifázové metodologie s vynucenou disciplínou 'think before coding / simplicity first / surgical changes'. Spouští se na požadavky na konverzi, scaffolding nebo portování projektu na WordPress/FSE/Gutenberg blokové téma, nebo na kterýkoli z jeho jedenácti přibalených slash příkazů, a dodává Node.js 'doctor' skript, který automaticky validuje theme.json, značení bloků, hlavičky vzorů a pokrytí i18n.
Testovací report
Spustil jsem vlastní skripty repo scripts/doctor.mjs proti dvěma ručně vytvořeným hero vzorům: verze dodržující dovednost (theme.json color presets, wp:group/wp:button block comments, esc_html__ i18n) prošla všemi 4 automatizovanými kontrolami, zatímco naivní verze s inline-style/hardcoded-hex selhala ve 3 ze 4 s konkrétními porušeními s čísly řádků (4 zásahy inline-style, 3 chybějící pole pattern-header, chybějící theme.json schema/appearanceTools flags).
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
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
Příkazy a ukázkové prompty
/wp-block-theme-converterPřevádí HTML/CSS/JS na produkční WordPress FSE blokové téma a poté sám kontroluje výstup.
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 my landing page's HTML/CSS into a WordPress block themeScaffold an FSE Gutenberg theme from my existing static siteGenerate theme.json and block patterns for my WooCommerce store