WordPress Block Theme Converter

Converts HTML/CSS/JS into a production-ready WordPress FSE block theme, then self-checks the output.

Tested · Works

Test report

Verdict
Tested · Works
Score
9.6/10
Tested
Jul 14, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 110f56b

Ran the repo's own scripts/doctor.mjs against two hand-built hero patterns: the skill-following version (theme.json color presets, wp:group/wp:button block comments, esc_html__ i18n) passed all 4 automated checks, while the naive inline-style/hardcoded-hex version failed 3 of 4 with specific line-numbered violations (4 inline-style hits, 3 missing pattern-header fields, missing theme.json schema/appearanceTools flags).

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 10/10
  • Docs & honesty 4/5

What WordPress Block Theme Converter does

This skill converts static HTML/CSS/JS (or existing classic WP themes) into WordPress Full Site Editing block themes -- generating theme.json, templates, block patterns, and WooCommerce support -- following a 10-phase methodology with an enforced 'think before coding / simplicity first / surgical changes' discipline. It triggers on requests to convert, scaffold, or port a project to a WordPress/FSE/Gutenberg block theme, or on any of its eleven bundled slash commands, and ships a Node.js 'doctor' script that automatically validates theme.json, block markup, pattern headers, and i18n coverage.

How to install WordPress Block Theme Converter

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

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger WordPress Block Theme Converter

  • /wp-block-theme-converter Converts HTML/CSS/JS into a production-ready WordPress FSE block theme, then self-checks the output.

It also activates on plain-language prompts like these:

  • 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

Frequently asked questions

Is the WordPress Block Theme Converter skill free?
Yes. The skill itself is free from siddik-web/wp-block-theme-converter. SkillProof publishes the install command and an independent test verdict at no cost.
Does WordPress Block Theme Converter work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 14, 2026. Verdict: Tested · Works. Ran the repo's own scripts/doctor.mjs against two hand-built hero patterns: the skill-following version (theme.json color presets, wp:group/wp:button block comments, esc_html__ i18n) passed all 4 automated checks, while the naive inline-style/hardcoded-hex version failed 3 of 4 with specific line-numbered violations (4 inline-style hits, 3 missing pattern-header fields, missing theme.json schema/appearanceTools flags).
What is the WordPress Block Theme Converter SkillProof Score?
9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 10/10, docs & honesty 4/5.
How do I install WordPress Block Theme Converter?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use WordPress Block Theme Converter with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.