Clone Site To Elementor

Clone any webpage into fully editable native Elementor Pro widgets with pixel-perfect accuracy.

Install
cmdop skills install agensi-clone-site-to-elementor

Clone Site To Elementor is a skill that takes a source URL and reconstructs it as a native Elementor Pro page inside WordPress. Rather than producing raw HTML blocks, it analyzes the source page and maps its structure into Elementor’s own widget set, including Heading, Text Editor, Image, and Button widgets. The skill extracts CSS custom properties, typography details such as font families, weights, and clamp values, along with branding assets, directly from the live URL. Images are sideloaded into the WordPress Media Library with their original dimensions preserved. Mobile-specific CSS overrides and layout shifts are captured so the resulting page is responsive without further manual adjustment. The skill operates through the Novamira MCP plugin and the WordPress REST API. It writes output to the _elementor_data JSON structure that Elementor reads natively, and it supports Elementor Pro features including selector-based Custom CSS, gradient backgrounds, and flex and grid layouts. After building the page, a verification phase compares screenshots of the clone against the source to check fidelity. The skill also handles post-build housekeeping: clearing Elementor file caches and regenerating CSS so the page is ready for review. This skill is specific to WordPress sites running Elementor Pro with the Novamira MCP plugin. It is not a general-purpose web scraper or a tool for non-WordPress platforms.

Use cases

  • Migrate an existing site design into a WordPress Elementor Pro page without manual drag-and-drop rebuilding
  • Recreate a client reference URL as an editable Elementor layout for rapid prototyping
  • Sideload all images from a source site into a WordPress Media Library during a redesign
  • Capture responsive breakpoint overrides from a live site and apply them to a cloned Elementor page
  • Verify clone fidelity against the original page using automated screenshot comparison
  • Regenerate Elementor CSS and clear file caches after programmatic page construction

When to use it

  • The target site runs WordPress with Elementor Pro and the Novamira MCP plugin installed
  • A design needs to be reproduced in Elementor without manual widget configuration
  • Images from a source URL need to be imported directly into the WordPress Media Library
  • A responsive layout from an external site must be replicated in Elementor with mobile overrides intact

When not to use it

  • The destination site does not run WordPress or does not have Elementor Pro installed
  • The Novamira MCP plugin is not available on the target WordPress instance
  • The goal is to produce standalone HTML/CSS output rather than Elementor widget data
  • The source site has WAF or bot-blocking measures that prevent content extraction
  • No tools are exposed by this skill, so agent-driven tool-calling workflows are not supported