Clone Site to Elementor

    6

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

    $9

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    137 uses5.0 (1 review)

    Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    clone-site-to-elementor

    Example session with this skill installed

    Clone the landing page at https://example.com/product into a new Elementor Pro page on my WordPress site, ensuring all assets are sideloaded and widgets remain fully editable.

    • Read your context and instructions
    • Compiled the clone-site-to-elementor
    • Generated the UI component

    Cloning complete!

    • 12 images sideloaded to Media Library.
    • Created "Home - Clone" (ID: 452).
    • Native widgets used: 8 Containers, 14 Headings, 6 Buttons.
    • Visual Verification: Source vs. Clone screenshot comparison saved to /tmp/sync-report.png.
    • Status: Live at site.com/home-clone/

    sync-report.png

    TSX · React component

    Generated

    Example file from a real run - the skill writes it into your workspace.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    Pixel-Perfect Web-to-WordPress Conversion

    Transform any live website into a fully editable Elementor Pro page. This skill is a high-fidelity cloning engine designed for developers and agencies who need to migrate designs or recreate layouts without manual drag-and-drop effort.

    What it does

    • Deep Analysis: Extracts CSS custom properties, typography (fonts, weights, clamp values), and branding assets directly from a source URL.
    • Native Rebuilding: Instead of messy HTML blocks, it reconstructs the page using native Elementor widgets (Heading, Text Editor, Image, Button, etc.).
    • Asset Management: Sideloads images directly into your WordPress Media Library, maintaining proper dimensions and optimization.
    • Responsive Logic: Captures mobile-specific overrides and layout shifts to ensure the clone is responsive out of the box.

    Technical Foundation

    The skill leverages the Novamira MCP plugin and WordPress REST API. It supports Elementor Pro features like Custom CSS (selector-based), gradient backgrounds, and advanced flex/grid layouts. It includes a built-in verification phase using screenshot comparison services to ensure the output matches the source.

    Why use this skill?

    While a standard AI might give you generic HTML/CSS, this skill understands the specific JSON structure of _elementor_data. It handles the "last mile" of development—clearing Elementor file caches, regenerating CSS, and bypassing WAF restrictions—ensuring your page is ready for client review immediately.

    • Cannot clone complex interactive JS logic (e.g., dynamic calculators).
    • Struggles with iFrames or third-party embedded widgets.
    • Success depends on source site CORS and accessibility.

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before any payment.

    Reviews

    5.0
    1 review
    5
    1
    4
    0
    3
    0
    2
    0
    1
    0

    This skill has been used 137 times.

    Trust & safety

    Security scan

    Security scan passed 4 months ago

    Requires

    Microlink
    11ty
    Thum
    Adapter MCP
    Node.js
    macOS

    Permissions

    Terminal / Shell
    Network Access

    Allowed Hosts

    api.microlink.io
    v1.screenshot.11ty.dev
    image.thum.io
    Listed6 months ago
    Updated20 days ago

    What's inside

    Frequently Asked Questions

    This skill converts any live URL into native Elementor Pro JSON data, meaning you get fully editable widgets (like headings, images, and buttons) rather than code-heavy HTML blocks or static images. It handles the extraction of complex CSS, custom fonts, and responsive layouts automatically.

    Yes, this skill requires the Novamira MCP plugin and an active WordPress installation with Elementor Pro. It uses the WordPress REST API to securely inject the reconstructed design and sideload images directly into your Media Library.

    Absolutely. The skill is designed to capture mobile-specific overrides and flex/grid layout shifts, ensuring that the cloned Elementor page maintains its responsiveness and structural integrity across desktop, tablet, and mobile views.

    The skill includes a built-in verification phase that uses screenshot comparison services to match the clone against the source. If discrepancies are found, it automatically iterates on the CSS custom properties and Elementor settings to achieve pixel-perfect accuracy.

    You receive the AI agent skill configuration, a setup guide for the Novamira MCP connector, and access to all future updates including compatibility patches for new versions of Elementor and WordPress.

    New in Branding & Design