SkillProof tested Claude skills

WordPress Block Theme Converter

Converte HTML/CSS/JS in un tema a blocchi FSE di WordPress pronto per la produzione, quindi auto-verifica l'output.

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

Promosso ★ 9.6/10

WordPress Block Theme Converter — Converte HTML/CSS/JS in un tema a blocchi FSE di WordPress pronto per la produzione, quindi auto-verifica l'output.

Cosa fa

Questo skill converte HTML/CSS/JS statico (o temi WP classici esistenti) in temi a blocchi WordPress Full Site Editing — generando theme.json, template, block patterns e supporto WooCommerce — seguendo una metodologia in 10 fasi con una disciplina imposta di 'pensa prima di codificare / semplicità prima / modifiche chirurgiche'. Si attiva su richieste di conversione, scaffolding o porting di un progetto a un tema a blocchi WordPress/FSE/Gutenberg, o su uno qualsiasi dei suoi undici comandi slash inclusi, e include uno script Node.js 'doctor' che valida automaticamente theme.json, il markup dei blocchi, gli header dei pattern e la copertura i18n.

Rapporto di test

Ho eseguito scripts/doctor.mjs del repository su due pattern hero costruiti a mano: la versione conforme allo skill (preset di colore theme.json, commenti di blocco wp:group/wp:button, i18n esc_html__) ha superato tutti e 4 i controlli automatizzati, mentre la versione ingenua con stili inline/hex hardcoded ha fallito 3 su 4 con violazioni specifiche numerate per riga (4 hit di stili inline, 3 campi pattern-header mancanti, flag theme.json schema/appearanceTools mancanti).

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

Installazione

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

Comandi e prompt di esempio

  • /wp-block-theme-converterConverte HTML/CSS/JS in un tema a blocchi FSE di WordPress pronto per la produzione, quindi auto-verifica l'output.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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

Rapporto completo →