WordPress Block Theme Converter

Konverterer HTML/CSS/JS til et produksjonsklart WordPress FSE blokktema, deretter selv-sjekker utdataene.

av siddik-web · siddik-web/wp-block-theme-converter

Bestått ★ 9.6/10

WordPress Block Theme Converter — Konverterer HTML/CSS/JS til et produksjonsklart WordPress FSE blokktema, deretter selv-sjekker utdataene.

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 theme
  • Scaffold an FSE Gutenberg theme from my existing static site
  • Generate theme.json and block patterns for my WooCommerce store