Noleemits Vision Builder MCP Server

1

Add it to Claude Code

Run this in a terminal.

Run in terminal
claude mcp add -e "WP_URL=${WP_URL}" -e "WP_USER=${WP_USER}" -e "WP_APP_PASSWORD=${WP_APP_PASSWORD}" vision-builder -- npx -y @noleemits/vision-builder-mcp
Required:WP_URLWP_USERWP_APP_PASSWORD
README.md

Connect Claude Desktop to your WordPress + Elementor site.

@noleemits/vision-builder-mcp

MCP Server for Noleemits Vision Builder - Connect Claude Desktop to your WordPress + Elementor site.

What it does

This MCP server gives Claude Desktop the ability to:

  • Elementor: Create pages, add sections (hero, features, pricing, FAQ, etc.), manage style presets
  • Content Editing: Search posts, read/update content, find & replace text, manage links
  • SEO (Rank Math): Read/update SEO titles, descriptions, focus keywords, Open Graph data

Prerequisites

  • Node.js 18+ installed on your machine
  • Noleemits Vision Builder plugin installed on your WordPress site
  • A WordPress Application Password for authentication

Quick Setup

1. Generate an Application Password

In your WordPress admin, go to Vision Builder > Settings > MCP Config and click Generate Connection.

Or manually: Users > Profile > Application Passwords > enter "Claude Desktop" > click Add New.

2. Add to Claude Desktop config

Open Claude Desktop > Settings > Developer > Edit Config, then add:

{
  "mcpServers": {
    "my-wordpress": {
      "command": "npx",
      "args": ["-y", "@noleemits/vision-builder-mcp"],
      "env": {
        "WP_URL": "https://your-site.com",
        "WP_USER": "your-username",
        "WP_APP_PASSWORD": "xxxx xxxx xxxx xxxx xxxx xxxx"
      }
    }
  }
}

Replace the values with your actual WordPress site URL, username, and application password.

3. Restart Claude Desktop

Quit and reopen Claude Desktop. You should see the MCP tools icon in the chat input.

Environment Variables

Variable Required Description
WP_URL Yes Your WordPress site URL (e.g., https://example.com)
WP_USER Yes WordPress username
WP_APP_PASSWORD Yes WordPress Application Password

Available Tools (40+)

Page Management

  • create_page - Create a new Elementor page
  • get_pages / get_page / delete_page

Style Presets

  • list_style_presets / apply_style_preset / detect_style_preset / get_style_settings

Section Generation

  • add_hero - Multiple layouts (centered, split, asymmetric, overlap)
  • add_features - Grid, bento, or magazine layout
  • add_testimonial / add_cta / add_faq / add_pricing / add_team / add_contact / add_gallery

Content Editing (Gutenberg)

  • search_content / get_post_content / update_post
  • find_links / update_link / find_and_replace

SEO (Rank Math)

  • get_seo_data / update_seo_data / get_seo_status

Utilities

  • health_check / preview_page

Multiple Sites

Use a unique key name for each site:

{
  "mcpServers": {
    "site-one": {
      "command": "npx",
      "args": ["-y", "@noleemits/vision-builder-mcp"],
      "env": {
        "WP_URL": "https://site-one.com",
        "WP_USER": "admin",
        "WP_APP_PASSWORD": "xxxx xxxx xxxx xxxx"
      }
    },
    "site-two": {
      "command": "npx",
      "args": ["-y", "@noleemits/vision-builder-mcp"],
      "env": {
        "WP_URL": "https://site-two.com",
        "WP_USER": "editor",
        "WP_APP_PASSWORD": "yyyy yyyy yyyy yyyy"
      }
    }
  }
}

Troubleshooting

503 errors: Whitelist /wp-json/nvb/ in your firewall/security plugin.

"Application passwords not available": Requires HTTPS or localhost.

Test the connection: Visit https://your-site.com/wp-json/nvb/v1/health in your browser.

License

GPL-2.0-or-later

Tools (5)

create_pageCreate a new Elementor page
add_heroAdd a hero section with various layout options
update_postUpdate content for a specific post
update_seo_dataUpdate Rank Math SEO titles, descriptions, and keywords
find_and_replacePerform find and replace operations across content

Environment Variables

WP_URLrequiredYour WordPress site URL
WP_USERrequiredWordPress username
WP_APP_PASSWORDrequiredWordPress Application Password

Configuration

claude_desktop_config.json
{"mcpServers": {"my-wordpress": {"command": "npx", "args": ["-y", "@noleemits/vision-builder-mcp"], "env": {"WP_URL": "https://your-site.com", "WP_USER": "your-username", "WP_APP_PASSWORD": "xxxx xxxx xxxx xxxx xxxx xxxx"}}}}

Try it

Create a new landing page for my site with a hero section and a features grid.
Find all instances of 'old-brand-name' in my posts and replace them with 'new-brand-name'.
Update the SEO title and meta description for the 'About Us' page to focus on the keyword 'professional services'.
Add a pricing section to the current page using the standard layout.
Check the SEO status of my latest blog post and suggest improvements.

Frequently Asked Questions

What are the key features of Noleemits Vision Builder?

Create and manage Elementor pages with styled sections. Perform bulk content updates and find-and-replace operations. Manage Rank Math SEO settings including titles and meta descriptions. Support for Gutenberg content editing. Multi-site configuration support.

What can I use Noleemits Vision Builder for?

Rapidly building landing pages using natural language commands. Automating SEO optimization across multiple WordPress sites. Performing site-wide content updates without manual database editing. Streamlining the creation of consistent page layouts using style presets.

How do I install Noleemits Vision Builder?

Install Noleemits Vision Builder by running: npx -y @noleemits/vision-builder-mcp

What MCP clients work with Noleemits Vision Builder?

Noleemits Vision Builder works with any MCP-compatible client including Claude Desktop, Claude Code, Cursor, and other editors with MCP support.

Turn this server into reusable context

Keep Noleemits Vision Builder docs, env vars, and workflow notes in Conare so your agent carries them across sessions.

Need the old visual installer? Open Conare IDE.
Open Conare