liberate-it
CommunityClone any public site into a WP block theme.
Design & Creative#design tokens#wordpress#website cloning#block theme#visual qa#studio cli#local assets
Authorfellyph
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converting a live website into a WordPress block theme is slow, guessy, and error-prone because layout, real content, and visual style must be re-created manually.
Core Features & Use Cases
- Pixel-close block-theme cloning: Captures a public URL, extracts design tokens and real section content, and generates runnable WP block theme patterns.
- Local assets + offline-safe output: Downloads images/posters locally and rewrites patterns to use theme asset paths instead of expiring CDN URLs.
- Design-brief + spec-driven generation: Writes a frozen design contract (design.md), creates per-section spec files from computed styles, then generates one pattern per section and validates artifacts.
- Local WordPress Studio preview with visual QA: Deploys to a persistent Studio site and screenshots desktop/mobile for iterative visual comparison.
Quick Start
Run /liberate-it https://example.com/ and let it generate the cloned block theme under ./clones/<slug>/.
Dependency Matrix
Required Modules
nodegitcurlbashpython3studiochrome-devtools MCPphp
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: liberate-it Download link: https://github.com/fellyph/wp-clone-to-block-theme/archive/main.zip#liberate-it Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.