WordPress Block Theme Converter
Convertit HTML/CSS/JS en un thème de bloc WordPress FSE prêt pour la production, puis auto-vérifie la sortie.
Testé · Fonctionne
Ce que fait
Cette compétence convertit le HTML/CSS/JS statique (ou les thèmes WP classiques existants) en thèmes de bloc WordPress Full Site Editing — générant theme.json, des modèles, des motifs de bloc et le support WooCommerce — suivant une méthodologie en 10 phases avec une discipline appliquée de 'penser avant de coder / simplicité d'abord / changements chirurgicaux'. Elle se déclenche sur les demandes de conversion, d'échafaudage ou de portage d'un projet vers un thème de bloc WordPress/FSE/Gutenberg, ou sur l'une de ses onze commandes slash intégrées, et livre un script Node.js 'doctor' qui valide automatiquement theme.json, le balisage des blocs, les en-têtes de motifs et la couverture i18n.
Rapport de test
Exécuté les scripts/doctor.mjs du dépôt sur deux motifs de héros construits à la main : la version conforme à la compétence (préréglages de couleur theme.json, commentaires de bloc wp:group/wp:button, i18n esc_html__) a passé les 4 vérifications automatisées, tandis que la version naïve inline-style/hexadécimal codé en dur a échoué 3 des 4 avec des violations spécifiques numérotées par ligne (4 occurrences de style inline, 3 champs d'en-tête de motif manquants, drapeaux theme.json schema/appearanceTools manquants).
Testé le: 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
Commandes et exemples de prompts
/wp-block-theme-converterConvertit HTML/CSS/JS en un thème de bloc WordPress FSE prêt pour la production, puis auto-vérifie la sortie.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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