emersimeon

Claude Elementor Kit — Development skill for Claude Code

Development community

Build WordPress sites with Claude Code via the Elementor MCP — a kit with skill, setup wizard, and cross-platform installers.

How to install Claude Elementor Kit

This entry records only its repository, not the path inside it, so there is no exact command to give. Open emersimeon/claude-elementor-kit and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Elementor Kit does

Build WordPress sites with Claude Code via the Elementor MCP — a kit with skill, setup wizard, and cross-platform installers.

Alternatives in Development

Creator Buddy — Creator Buddy: orchestrated Agent Skills for cross-platform content search, creator analysis, and viral trend 1.4k ★
Setup Video Vision — Interactive setup wizard for claude-video-vision — configure backend, whisper, frames, and verify dependencies 1.3k ★
Polyphony Init — /polyphony-init — Setup Wizard 705 ★

README

Claude + Elementor Kit

Build WordPress sites with AI — design with Claude Code, then have Claude build it directly inside your Elementor site. No more rebuilding mockups by hand.

**The short version:** This kit teaches Claude (Anthropic's AI) how to talk to your WordPress site through the Elementor MCP server. You design pages in Claude Code, then Claude places sections, widgets, colors, and typography directly into Elementor for you. Works on local sites (Local-by-Flywheel) and live hosts.

What's inside

claude-elementor-kit/
├── INSTALL.sh          ← Installer for Mac & Linux
├── INSTALL.bat         ← Installer for Windows (double-click)
├── INSTALL.ps1         ← Windows installer (PowerShell)
├── files/
│   ├── SKILL.md                  ← The cheat sheet Claude reads
│   └── setup-elementor-mcp.sh    ← The robot that connects Claude to WordPress
├── docs/
│   ├── QUICKSTART.md   ← Short "how to use this" guide
│   └── LESSONS.md      ← Deep-dive on why it works the way it does
├── LICENSE             ← MIT — free for any use
└── README.md           ← You are here

How it works (in 30 seconds)

There are two pieces:

**The skill** (`SKILL.md`) — a guide Claude reads every time you ask it to work on Elementor. It encodes every quirk and gotcha learned the hard way (correct widget parameter names, when to use HTML vs native widgets, the auth gotchas, etc.).
**The setup script** (`setup-elementor-mcp.sh`) — a wizard that connects Claude to one specific WordPress site. It installs the MCP plugins, wires up authentication, and writes a `.mcp.json` file in your project directory.

After running both, you can tell Claude *"build me a hero section with this design"* and watch it appear on your WordPress site in real time.

Prerequisites

The kit touches **five layers** of stuff. Some you install yourself, some the wizard handles for you. Here's the full picture so nothing surprises you mid-setup.