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.

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

Testé · Fonctionne ★ 9.6/10

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.

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