Skip to main content
Glama
Noleemits Vision Builder MCP

Noleemits Vision Builder MCP

by noleemits

@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

Related MCP server: AutoWP MCP Server

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

Available Tools

39 tools
add_contactC

Add a contact section with contact information and optional form placeholder

Inputs: page_id (required), heading, subheading, address, +5 more.

add_ctaC

Add a call-to-action section

Inputs: page_id (required), heading (required), button_text (required), subheading, +1 more.

add_faqC

Add a FAQ section

Inputs: page_id (required), faqs (required), heading.

add_featuresA

Add a features/content section. IMPORTANT: For content with images, use "magazine" layout which places IMAGE BESIDE TEXT (alternating left/right). Grid layout stacks images below text. Magazine layout is BEST for articles, blog posts, and content pages.

Inputs: page_id (required), features (required), heading, layout, +1 more.

add_heroB

Add a premium hero section with modern layouts: centered, balanced split (50/50), asymmetric splits (60/40 or 40/60), or overlapping image design. Text colors automatically adapt for contrast based on background.

Inputs: page_id (required), heading (required), subheading, cta_text, +4 more.

add_pricingC

Add a pricing section with 2-3 pricing tiers

Inputs: page_id (required), tiers (required), heading, subheading.

add_teamC

Add a team section with member cards

Inputs: page_id (required), members (required), heading, subheading.

add_testimonialC

Add a testimonial/quote section

Inputs: page_id (required), quote (required), author (required), company.

apply_style_presetA

Apply a style preset to ensure consistent, professional design. ALWAYS use this before creating sections.

Inputs: preset_id (required).

create_pageC

Create a new WordPress page with Elementor

Inputs: title (required), status.

delete_elementC

Delete an element from a page by its ID

Inputs: page_id (required), element_id (required).

delete_elementor_elementB

Delete an Elementor element from a page (alias for delete_element)

Inputs: page_id (required), element_id (required).

delete_pageC

Delete a WordPress page

Inputs: page_id (required).

detect_style_presetC

Automatically detect the best style preset based on business description

Inputs: description (required).

find_and_replaceC

Find and replace text in a post/page content and title. Useful for bulk text updates.

Inputs: post_id (required), find (required), replace (required), case_sensitive.

get_active_presetB

Check which style preset is currently active

Inputs: no named parameters.

get_elementor_dataC

Get Elementor data for a page (alias for get_elementor_elements)

Inputs: page_id (required).

get_elementor_elementsB

List all Elementor elements (sections, columns, widgets) on a page

Inputs: page_id (required).

get_pageC

Get details of a specific page

Inputs: page_id (required).

get_pagesB

List existing Elementor pages

Inputs: status, limit.

get_page_structureC

Get the Elementor JSON structure of a page to understand its current layout

Inputs: page_id (required).

get_post_contentB

Get the full content of a WordPress post or page, including raw HTML, word count, link count, and editor type (Gutenberg vs Classic).

Inputs: post_id (required).

get_seo_dataC

Get Rank Math SEO data for a post/page: SEO title, meta description, focus keyword, score, robots meta, Open Graph, and more.

Inputs: post_id (required).

get_seo_statusB

Check if Rank Math SEO is active and get overall SEO stats (posts with scores, posts with focus keywords).

Inputs: no named parameters.

get_style_settingsA

Get current style settings (colors, design, spacing). These are the actual values used when generating sections. Can be populated by applying a preset or customized by the user in the WordPress admin.

Inputs: no named parameters.

health_checkB

Check connection to WordPress and plugin status

Inputs: no named parameters.

insert_elementC

Insert a widget element at a specific position within an existing column or section

Inputs: page_id (required), parent_id (required), widget_type (required), position, +1 more.

list_patternsC

List available layout patterns (Bento, Masonry, Zigzag, Grid)

Inputs: category.

list_style_presetsA

List available style presets for different industries. IMPORTANT: Use this to select a cohesive design style before creating pages.

Inputs: no named parameters.

list_templatesB

List available section templates

Inputs: category.

preview_pageB

Get the preview URL for a page

Inputs: page_id (required).

search_contentB

Search WordPress posts and pages by keyword. Returns matching posts with titles, URLs, status, and excerpts.

Inputs: query (required), post_type, per_page.

update_elementC

Update a specific element on the page by its ID

Inputs: page_id (required), element_id (required), settings (required).

update_elementor_widgetC

Update a widget on the page (alias for update_element)

Inputs: page_id (required), element_id (required), settings (required).

update_postB

Update a post/page title, content, excerpt, status, or slug. Only provide the fields you want to change.

Inputs: post_id (required), title, content, excerpt, +2 more.

update_seo_dataC

Update Rank Math SEO data: SEO title, meta description, focus keyword, canonical URL, robots meta, Open Graph, and pillar content flag.

Inputs: post_id (required), seo_title, seo_description, focus_keyword, +5 more.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections.

Loading tool schema changelog…

    TDQS

    B3.2/5.0

    Scored across 39 tools

    Disambiguation3/5

    Most tools have distinct purposes, but there are notable overlaps that could cause confusion. For example, 'delete_element' and 'delete_elementor_element' are aliases with identical descriptions, and 'update_element' and 'update_elementor_widget' are similarly redundant. Additionally, 'get_elementor_data' and 'get_elementor_elements' appear to serve very similar functions, potentially leading to misselection by agents.

    Naming Consistency4/5

    The naming follows a consistent verb_noun pattern throughout, such as 'add_contact', 'create_page', and 'update_post'. However, there are minor deviations like 'health_check' (which uses a verb_noun format but with a hyphen) and 'find_and_replace' (which includes a conjunction), slightly breaking the pattern. Overall, the conventions are readable and predictable.

    Tool Count3/5

    With 39 tools, the count feels heavy for a WordPress/Elementor page builder server, suggesting potential over-scoping. While the domain involves page creation, styling, and content management, many tools could be consolidated (e.g., redundant deletion and update tools). This borderline count may overwhelm agents and reduce usability.

    Completeness5/5

    The tool set provides comprehensive coverage for WordPress page building with Elementor and SEO integration. It includes full CRUD operations for pages and elements, style management, content editing, SEO data handling, and utility functions like health checks. There are no obvious gaps; agents can perform end-to-end workflows from page creation to styling and optimization.

    Maintenance

    ActivityInactive
    ResponsivenessNo recent community issues

    Related MCP Connectors

    Related MCP Servers