skills.rest
Automattic
AutomatticOFFICIAL
Explore all skills by this author →
Website𝕏@automatticengGitHub

replicate-theme

Reconstruct captured HTML and CSS into a WordPress theme.

31|3|Updated Mar 31, 2026
Search Tags:#WordPress#visual parity#theme replication#CSS scoping#website-to-theme conversion
One-click install
npx skills add https://github.com/Automattic/data-liberation-agent --skill replicate-theme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: replicate-theme
Source: https://github.com/Automattic/data-liberation-agent/tree/main/skills/replicate-theme
Command: npx skills add https://github.com/Automattic/data-liberation-agent --skill replicate-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill reconstructs websites into WordPress themes, providing a near-verbatim carry of source pages and CSS, maximizing visual parity and enabling theme customization without block editing.

Core Features & Use Cases

  • Parity-First Reconstruction: Carries source page markup and scopes CSS for visual fidelity.
  • Theme Customization: Offers a theme that maintains design integrity without block editability.
  • Use Case: For users who wish to replicate a website's design into a WordPress theme while retaining exact visual elements and structure.

Quick Start

Dispatch the replicate-theme skill to reconstruct the theme from the captured site content.

Frequently Asked Questions about replicate-theme

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 theme?▼

Website-to-theme conversion is achieved by carrying source page markup and scoping CSS for visual fidelity, ensuring the reconstructed WordPress theme retains the exact design elements and structure of the original site.

Do I need pre-captured site content to replicate a WordPress theme?▼

Yes, theme replication requires pre-captured site content from a site liberation tool. The reconstruction process relies on this pre-captured data to accurately carry source HTML and CSS into the WordPress theme.

Can I customize the replicated WordPress theme using block editing?▼

No, the replicated WordPress theme maintains design integrity without block editability. It is designed for users seeking high visual parity through HTML and CSS scoping rather than block-based editing capabilities.

How does CSS scoping work when replicating a website to a WordPress theme?▼

CSS scoping isolates the source website's styles during website-to-theme conversion, ensuring visual fidelity within WordPress. This process carries the original CSS while adapting it to render accurately in the new theme structure.

Is Automattic Studio compatible with themes replicated from source websites?▼

Yes, themes reconstructed from source website content are compatible with Automattic Studio and WordPress. They function seamlessly within these environments while maintaining the exact visual elements and structure of the original site.

Related Skills

Explore More Design & Creative Skills→
horuz-aihoruz-ai
5

website-cloner

Clone websites into React components with Tailwind and motion via multi-agent QA workflow.

Official
Advanced
AutomatticAutomattic
31

match-section

Apply captured design data to WordPress block markup for visual parity.

Official
Advanced
AutomatticAutomattic
31

migrate

Migrate websites and local directories into WordPress block themes.

Official
Intermediate
SanctifiedOpsSanctifiedOps
3

post-launch-content-cadence

Plan post-launch content calendars with templates for daily and weekly posts.

Community
Basic