Wp Clone To Block Theme — Git skill for Claude Code

Liberate It

Liberate It is a skill for converting a public website into a WordPress block theme.

Given a URL, it captures the live page, extracts design tokens and real content, downloads local assets, writes per-section build specs, generates a full block theme, deploys it to a local WordPress Studio site, and runs visual QA against the source screenshots.

The output is a benchmark/reference clone: a runnable WordPress block theme with real structure, real copy, local media, theme tokens, templates, parts, and one pattern per captured section. It is not intended for publishing third-party copyrighted designs without permission.

What You Get

• A WordPress block theme for each source URL under ./clones//theme/
• Captured desktop and mobile screenshots under ./clones//.capture/
• analysis.json with extracted tokens, sections, nav, image inventory, motion signals, and diagnostics
• Per-section JSON captures with computed styles and real DOM content
• Downloaded assets with a manifest mapping remote URLs to local assets/img-NN.* files
• Per-section spec files under ./clones//specs/
• A local WordPress Studio preview with the generated theme activated
• Desktop and mobile result screenshots for visual comparison

Requirements

• Codex or Claude Code with skill support
• chrome-devtools MCP tools for page capture, DOM evaluation, and screenshots
• Node.js 18+ for helper scripts
• WordPress Studio CLI (studio) for local WordPress preview and theme deployment
• curl, bash, python3, node, and git
• Network access to the target site and its assets during capture

The skill stops early if a required capture or deploy dependency is missing. Asset download happens immediately after extraction because builder/CDN image URLs can expire.

Install

Install the skill into your global Codex skills directory:

git clone https://github.com/fellyph/wp-clone-to-block-theme.git \
  ~/.codex/skills/liberate-it

Project-sc