skills.rest
emersimeon
emersimeonCOMMUNITY
Explore all skills by this author →
GitHub

elementor-mcp

Build, edit, and inspect Elementor WordPress pages via the elementor-mcp server.

78|24|Updated Apr 27, 2026
Search Tags:#mcp#design tokens#wordpress#elementor#page building#page editing#elementor widgets
One-click install
npx skills add https://github.com/emersimeon/claude-elementor-kit --skill elementor-mcp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: elementor-mcp
Source: https://github.com/emersimeon/claude-elementor-kit/tree/main/files
Command: npx skills add https://github.com/emersimeon/claude-elementor-kit --skill elementor-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires curl, python3, unzip, zip.

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.

Frequently Asked Questions about elementor-mcp

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

FAQPage Schema
How do I build Elementor pages from HTML mockups without manually copying the design?▼

You can build Elementor pages from HTML mockups by using AI to directly construct native editable widgets via the elementor-mcp server. This eliminates manual replication in the visual editor by having AI translate your mockups into native Elementor structures.

Can I edit specific sections of an existing Elementor page without rebuilding it?▼

Yes, you can perform surgical edits to existing Elementor pages. The elementor-mcp server allows AI to update specific widgets or sections directly, modifying targeted content without needing to rebuild entire pages from scratch.

Do I need a WordPress Application Password to use AI for Elementor page editing?▼

Yes, you need a valid WordPress Application Password for REST API access. You also need a WordPress site with Elementor, the elementor-mcp plugin, and the WordPress MCP Adapter installed to enable AI editing.

How do I inspect global design tokens in Elementor for AI site reference?▼

You can inspect global design tokens by viewing site state through the elementor-mcp server. This allows you to retrieve current colors, fonts, page structures, and widget settings to understand the existing design environment.

Why does AI paste raw HTML into Elementor instead of using native widgets?▼

AI pastes raw HTML when it lacks native Elementor integration. The elementor-mcp server solves this by enabling AI to construct pages using native Elementor widgets, ensuring the output remains fully editable in the visual editor.

What dependencies do I need to run the elementor-mcp server for WordPress?▼

You need curl, python3, unzip, and zip installed on your system to run the elementor-mcp server. These dependencies support the server operations required for AI to communicate with your WordPress site.

Related Skills

Explore More Design & Creative Skills→
respira-pressrespira-press
40

migrate-elementor-to-bricks

Migrate Elementor pages to Bricks by translating widgets into Bricks elements.

Official
Advanced
adityaarsharmaadityaarsharma
2

orbit-elementor-dev

Validate Elementor widget code for subclassing, escaping, and asset enqueueing.

Community
Intermediate
CrazySwamiCrazySwami
5

wordpress-admin

Manage WordPress sites via WP-CLI and REST for content, SEO, and media.

Community
Advanced
2025Emma2025Emma
22.7k

snapdom

Convert HTML elements into SVG, PNG, JPG, or WebP images.

Community
Basic