Eating Our Own Dog Food
The website you’re looking at right now — sitepilotai.com — was built almost entirely through mumcp. Not by opening Elementor in a browser and dragging widgets around. Not by writing HTML templates. By talking to an AI assistant and telling it what to build.
This isn’t a marketing claim. It’s a practical demonstration of what the plugin can do. Every page on this site, from the homepage hero to the pricing tables to the documentation, was created through MCP tool calls. We used our own plugin as the primary interface for building our own product’s website.
How We Built the Homepage
The homepage has 8 sections: hero, stats bar, features grid, setup steps, AI capabilities showcase, client badges, pricing, and a CTA. Each section was created using the wp_build_page tool or direct Elementor data manipulation via wp_set_elementor.
The hero section started as a simple instruction: “Create a dark-themed hero section with the headline ‘Your WordPress Site, Powered by AI Agents’ and a gradient accent on ‘AI Agents’. Add a subheading about MCP and two CTA buttons — ‘Get Started’ and ‘View Docs’.”
The AI generated the Elementor JSON, we reviewed the output on the frontend, and iterated. “Make the gradient go from blue to teal instead of blue to purple.” “Increase the heading font size to 56px.” “Add 8px letter-spacing to the subheading label.” Each adjustment was a single wp_edit_section call — no Elementor editor loading, no dragging, no waiting.
The Pricing Section
The pricing cards are a custom HTML widget with CSS — not Elementor’s built-in price-table widget. We went with custom HTML because it gave us more control over the dark-theme styling, the “Most Popular” badge positioning, and the responsive grid behavior.
Building it was a conversation: “Create a pricing section with three cards — Free ($0), Pro ($9/month), and Agency ($29/month). Dark theme. The Pro card should be highlighted with a blue border and a ‘Most Popular’ badge. List the features for each plan.” The AI generated the HTML and CSS, pushed it as an Elementor HTML widget, and we had a working pricing section in about 90 seconds.
The Documentation Pages
The docs section (Getting Started, MCP Tools Reference, API Reference, Changelog) was the most efficient part. We used wp_build_page for the page structure and custom HTML widgets for the content tables and code blocks.
The MCP Tools Reference page is dynamically informed by the actual tool definitions in the plugin source code. We extracted all 139 tool names, descriptions, and categories from the PHP codebase and generated the HTML tables programmatically. When we add new tools, we regenerate the page content to stay in sync.
Blog Posts
Every blog post on this site was drafted, formatted, and published through the API. The workflow: write the content in a conversation with Claude, then tell it to “publish this as a blog post with SEO metadata, category ‘General’, and a relevant featured image from Pexels.” The AI handles the wp_create_post, wp_set_seo, and wp_upload_media_from_url calls automatically.
The Footer and Header
The site header uses Elementor Pro’s Theme Builder, managed through wp_create_theme_template. The footer was created the same way — a single HTML widget inside a Theme Builder footer template, assigned to the entire site with one command.
What We Learned
Building our own website with our own plugin revealed several things:
The Iteration Speed Is Real
The biggest advantage isn’t the initial creation — it’s the iteration. Tweaking a section’s padding, changing a color, updating copy — these micro-adjustments that take 30 seconds each in Elementor (open editor → wait → find element → change → save → close) take 5 seconds through the API. Over hundreds of small changes, the time savings compound dramatically.
HTML Widgets Are Underrated
For complex, custom-styled sections (pricing cards, feature grids, stats bars), Elementor’s HTML widget with inline CSS is faster than configuring 15 individual widgets. The AI generates the full HTML and CSS in one shot, versus configuring each widget’s 20+ settings individually.
Content and Design Are Unified
Traditionally, writing content and designing pages are separate workflows. With mumcp, they merge. “Write a features section with 6 feature cards” produces both the copy and the layout. This eliminates the handoff between content writers and designers — the most common bottleneck in web projects.
Validation Catches Real Bugs
The Elementor validation engine caught dozens of issues during development: missing IDs, incorrect widget types, invalid column sizes. Without validation, these would have been invisible failures — pages that look broken but give no error messages. The warnings[] response array is genuinely essential for AI-driven development.
Try It Yourself
You don’t need to build a whole website to try this approach. Start with one page — a landing page for a campaign, a new blog post, or a redesigned about page. Install mumcp (free plan available), connect Claude or your preferred AI, and see how it feels to build WordPress pages by describing what you want instead of dragging widgets around.