Vision Builder

This MCP server enables Claude Desktop to connect to your WordPress site powered by Vision Builder, unlocking page creation with Elementor, content editing, and SEO management through Rank Math. You can manage pages, sections, and style presets, search and update content, and adjust SEO data from a unified MCP interface within Claude Desktop.

How to use

You will use Claude Desktop as your control center. After adding the MCP server, you can request actions such as creating Elementor pages, adding sections like hero blocks or pricing, editing Gutenberg content, and updating SEO metadata. Use the MCP tools to generate pages, edit content, search for text, replace links, and manage Open Graph data. Focus on practical workflows: build a landing page by creating a page, add hero and features sections, fine‑tune styles with presets, then optimize SEO titles and descriptions.

How to install

Prerequisites you need before configuring the MCP server are:

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

Step 1: Generate an Application Password. In WordPress, open Vision Builder > Settings > MCP Config and click Generate Connection. Alternatively, go to Users > Profile > Application Passwords, add a new entry named "Claude Desktop" and create it. Be sure to copy the password value for later use.

Step 2: Add the MCP server to Claude Desktop. In Claude Desktop, go to Settings > Developer > Edit Config and insert the MCP server configuration shown below. Replace the placeholder values with your actual site URL, WordPress username, and application password.

{
  "mcpServers": {
    "vision_mcp": {
      "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"
      }
    }
  }
}

Restart Claude Desktop

Quit Claude Desktop and reopen it. The MCP tools icon should appear in the chat input, ready to accept commands.

Environment variables

The MCP server relies on the following environment variables. Set these in Claude Desktop as shown in the installation step.

WP_URL: Your WordPress site URL (for example, https://example.com)

WP_USER: WordPress username

WP_APP_PASSWORD: WordPress Application Password

Troubleshooting

If you encounter 503 errors, ensure your firewall or security plugin whitelists the WordPress REST API endpoints under /wp-json/nvb/.

If application passwords are unavailable, confirm you are using HTTPS or running on localhost.

Test the connection by visiting https://your-site.com/wp-json/nvb/v1/health in your browser to verify the MCP endpoint is reachable.

Available tools

create_page

Create a new Elementor page in WordPress, returning the page details and its URL.

get_pages

List all pages; supports retrieval of individual pages with get_page and deletion with delete_page.

get_page

Retrieve detailed information for a specific page.

delete_page

Remove a specified page from WordPress.

list_style_presets

List available style presets for Elementor pages to standardize design systems.

apply_style_preset

Apply a predefined style preset to a target page or section.

detect_style_preset

Detect which style preset is currently applied to a page or section.

get_style_settings

Fetch current style configuration for presets, fonts, colors, and layouts.

add_hero

Insert a hero section with multiple layout options: centered, split, asymmetric, or overlap.

add_features

Add a features block in grid, bento, or magazine layout styles.

add_testimonial

Add a testimonial block with quotes, author, and styling.

add_cta

Insert a call-to-action section with text, button, and alignment options.

add_faq

Add an FAQ section with questions and answers.

add_pricing

Create a pricing table or plan block with features and pricing.

add_team

Add a team member block with bios and photos.

add_contact

Create a contact section with form fields and styling.

add_gallery

Add a media gallery for images or videos.

search_content

Search site content to locate posts or pages for editing.

get_post_content

Fetch the current content of a post for review or modification.

update_post

Update the content of a post or page.

find_links

Find links within content to verify, update, or replace URLs.

update_link

Update a single link in content to point to a new URL.

find_and_replace

Search for text or links and replace them with new values.

get_seo_data

Retrieve SEO metadata such as titles, descriptions, and focus keywords.

update_seo_data

Update SEO metadata for a page, including Open Graph data.

get_seo_status

Check the health or status of SEO configurations for a page.

health_check

Run a general health check to verify MCP connectivity and WordPress access.

preview_page

Preview how a page will look before publishing.