SkillProof tested Claude skills

WordPress Block Theme Converter

Konverterar HTML/CSS/JS till ett produktionsklart WordPress FSE block-tema, sedan själv-kontrollerar utdata.

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

Testad · Fungerar ★ 9.6/10

WordPress Block Theme Converter — Konverterar HTML/CSS/JS till ett produktionsklart WordPress FSE block-tema, sedan själv-kontrollerar utdata.

Vad den gör

Denna skill konverterar statisk HTML/CSS/JS (eller befintliga klassiska WP-teman) till WordPress Full Site Editing block-teman -- genererar theme.json, mallar, blockmönster och WooCommerce-stöd -- enligt en 10-fasers metodik med en påtvingad 'tänk innan du kodar / enkelhet först / kirurgiska ändringar'-disciplin. Den utlöses av förfrågningar om att konvertera, scaffolda eller porta ett projekt till ett WordPress/FSE/Gutenberg block-tema, eller av någon av dess elva medföljande slash-kommandon, och levererar ett Node.js 'doctor'-skript som automatiskt validerar theme.json, block-markup, mönster-headers och i18n-täckning.

Testrapport

Körde repots egna scripts/doctor.mjs mot två handbyggda hero-mönster: den skill-följande versionen (theme.json color presets, wp:group/wp:button block comments, esc_html__ i18n) klarade alla 4 automatiserade kontroller, medan den naiva inline-style/hardcoded-hex-versionen misslyckades med 3 av 4 med specifika radnummererade överträdelser (4 inline-style-träffar, 3 saknade mönster-header-fält, saknade theme.json schema/appearanceTools-flaggor).

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

Installation

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

Kommandon och exempelprompter

  • /wp-block-theme-converterKonverterar HTML/CSS/JS till ett produktionsklart WordPress FSE block-tema, sedan själv-kontrollerar utdata.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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

Läs hela rapporten →