WordPress Block Theme Converter
Konverterer HTML/CSS/JS til et produksjonsklart WordPress FSE blokktema, deretter selv-sjekker utdataene.
Bestått
Hva den gjør
Denne skill-en konverterer statisk HTML/CSS/JS (eller eksisterende klassiske WP-temaer) til WordPress Full Site Editing blokktemaer — genererer theme.json, maler, blokkmønstre og WooCommerce-støtte — følger en 10-fase metodikk med en håndhevet 'tenk før koding / enkelhet først / kirurgiske endringer' disiplin. Den utløses av forespørsler om å konvertere, stillasbygge eller portere et prosjekt til et WordPress/FSE/Gutenberg blokktema, eller på noen av dens elleve medfølgende skråstrekkommandoer, og leveres med et Node.js 'doctor'-skript som automatisk validerer theme.json, blokk-markup, mønsterheadere og i18n-dekning.
Testrapport
Kjørte repoets egne scripts/doctor.mjs mot to håndbygde heltemønstre: den skill-følgende versjonen (theme.json color presets, wp:group/wp:button block comments, esc_html__ i18n) besto alle 4 automatiserte sjekker, mens den naive inline-style/hardkodede-heks-versjonen feilet 3 av 4 med spesifikke linjenummererte brudd (4 inline-style treff, 3 manglende mønster-header-felt, manglende theme.json schema/appearanceTools-flagg).
Testet på: 2026-07-14 · Claude Code 2.x (agent harness)
Installer
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
Kommandoer og eksempelprompter
/wp-block-theme-converterKonverterer HTML/CSS/JS til et produksjonsklart WordPress FSE blokktema, deretter selv-sjekker utdataene.
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):
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