SkillProof tested Claude skills

WordPress Block Theme Converter

Converteert HTML/CSS/JS naar een productieklare WordPress FSE block theme, en controleert vervolgens zelf de output.

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

Getest · Werkt ★ 9.6/10

WordPress Block Theme Converter — Converteert HTML/CSS/JS naar een productieklare WordPress FSE block theme, en controleert vervolgens zelf de output.

Wat het doet

Deze skill converteert statische HTML/CSS/JS (of bestaande klassieke WP-thema's) naar WordPress Full Site Editing block themes — genereert theme.json, templates, block patterns, en WooCommerce ondersteuning — volgens een 10-fasen methodologie met een afgedwongen 'think before coding / simplicity first / surgical changes' discipline. Het activeert op verzoeken om een project te converteren, scaffolden of porteren naar een WordPress/FSE/Gutenberg block theme, of op een van de elf gebundelde slash commands, en levert een Node.js 'doctor' script dat automatisch theme.json, block markup, pattern headers, en i18n coverage valideert.

Testrapport

Voerde de scripts/doctor.mjs van de repo uit tegen twee handgemaakte hero patterns: de skill-volgende versie (theme.json color presets, wp:group/wp:button block comments, esc_html__ i18n) doorstond alle 4 geautomatiseerde controles, terwijl de naïeve inline-style/hardcoded-hex versie 3 van de 4 faalde met specifieke, op lijnnummer gespecificeerde overtredingen (4 inline-style hits, 3 ontbrekende pattern-header fields, ontbrekende theme.json schema/appearanceTools flags).

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

Installatie

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

Commando's en voorbeeldprompts

  • /wp-block-theme-converterConverteert HTML/CSS/JS naar een productieklare WordPress FSE block theme, en controleert vervolgens zelf de output.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • 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

Volledig rapport (Engels) →