replicate-with-blocks

Convert a website's design into a WordPress block theme.

31|3|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/Automattic/data-liberation-agent --skill replicate-with-blocks
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: replicate-with-blocks
Source: https://github.com/Automattic/data-liberation-agent/tree/main/skills/replicate-with-blocks
Command: npx skills add https://github.com/Automattic/data-liberation-agent --skill replicate-with-blocks

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires design-foundations, creating-themes, generating-patterns, compose-page-blocks, editing-themes, editing-blocks, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill transforms a website's design into a WordPress block theme, allowing for easy content management and customization.

Core Features & Use Cases

  • Whole-Site Reconstruction: Converts the entire website's layout, content structure, and visual design into a WordPress block theme.
  • Automated Extraction: Uses AI to extract design elements and structure from the source website.
  • Customization: Enables users to edit and customize the block theme to match their specific requirements.
  • Use Case: After using the liberate skill to extract content from a website, the replicate-with-blocks skill can be used to recreate the design as a WordPress block theme, making it easier to manage and update the content.

Quick Start

Run the 'replicate-with-blocks' skill to transform the design of the extracted website into a WordPress block theme.

Frequently Asked Questions about replicate-with-blocks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert an existing website design into a WordPress block theme?

To convert an existing website design into a WordPress block theme, this Skill uses AI to automatically extract layout, content structure, and visual design elements from a source website for full reconstruction. It transforms the extracted design into a customizable block theme.

Can I use AI to extract design elements and rebuild a full WordPress site?

Yes, you can use AI to extract design elements and rebuild a full WordPress site by applying automated machine learning techniques to a source website. The process analyzes the site's visual design and content structure to generate a fully editable block theme.

What is the best way to recreate a website's layout as a block theme for easier content management?

The best way to recreate a website's layout as a block theme for easier content management is through whole-site reconstruction. This approach converts the entire layout and visual design into a WordPress block theme, enabling users to easily edit and customize the content.

Do I need a source website to generate a WordPress block theme with AI?

Yes, you need a source website to generate a WordPress block theme with AI. The conversion process requires an existing website to extract the design elements and content structure from, along with access to WordPress development tools.

How do I customize a WordPress block theme after extracting a website's design?

To customize a WordPress block theme after extracting a website's design, you can use standard block editing tools to modify the reconstructed layout. The Skill outputs a block-based theme that enables users to edit and customize the structure to match specific requirements.

Does converting a website into a block theme work with content extracted from other tools?

Yes, converting a website into a block theme works directly with content extracted from other tools. Specifically, after using a liberate skill to extract content from a source website, this Skill recreates the design as a WordPress block theme for easier management and updates.