elementor-mcp

What problem does it solve?

This Skill eliminates the tedious manual work of rebuilding web designs in Elementor by enabling AI to directly build, edit, and inspect Elementor WordPress pages, removing the need to manually replicate mockups in the visual editor.

Core Features & Use Cases

• Native Elementor Page Building: Construct new pages and sections from design mockups using native Elementor widgets to ensure full editability in the visual editor, rather than pasting raw HTML into non-editable widgets.
• Surgical Page Editing: Modify existing Elementor pages by updating specific widgets or sections without rebuilding entire pages from scratch.
• Site State Inspection: View global design tokens (colors, fonts), page structures, and widget settings to understand the current state of the Elementor site.
• Use Case: If you have a hero section design in an HTML mockup, use this Skill to have AI build it directly in Elementor using native widgets so your team can edit it later without touching code.

Quick Start

Invoke the elementor-mcp skill with a request to build a new homepage hero section from your provided HTML design mockup, and the AI will construct it directly in your connected WordPress Elementor site using native editable widgets.