SkillProof tested Claude skills

WordPress Block Theme Converter

Konverterer HTML/CSS/JS til et produktionsklart WordPress FSE bloktema og selv-tjekker derefter outputtet.

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

Testet · Virker ★ 9.6/10

WordPress Block Theme Converter — Konverterer HTML/CSS/JS til et produktionsklart WordPress FSE bloktema og selv-tjekker derefter outputtet.

Hvad det gør

Denne skill konverterer statisk HTML/CSS/JS (eller eksisterende klassiske WP-temaer) til WordPress Full Site Editing bloktemaer — genererer theme.json, skabeloner, blokmønstre og WooCommerce-understøttelse — efter en 10-faset metodologi med en håndhævet 'tænk før kodning / enkelhed først / kirurgiske ændringer' disciplin. Den udløses af anmodninger om at konvertere, scaffold'e eller portere et projekt til et WordPress/FSE/Gutenberg bloktema, eller på en af dens elleve medfølgende slash-kommandoer, og leveres med et Node.js 'doctor' script, der automatisk validerer theme.json, blokmarkup, mønsterheaders og i18n-dækning.

Testrapport

Kørte repoets egne scripts/doctor.mjs mod to håndbyggede hero-mønstre: den skill-følgende version (theme.json farveforudindstillinger, wp:group/wp:button blokkommentarer, esc_html__ i18n) bestod alle 4 automatiske tjek, mens den naive inline-style/hardcoded-hex version fejlede 3 ud af 4 med specifikke linjenummererede overtrædelser (4 inline-style hits, 3 manglende pattern-header felter, manglende theme.json schema/appearanceTools flags).

Testet: 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

Kommandoer og eksempelprompter

  • /wp-block-theme-converterKonverterer HTML/CSS/JS til et produktionsklart WordPress FSE bloktema og selv-tjekker derefter outputtet.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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

Læs hele rapporten →