Set Up AI to WordPress

Connect UiChemy MCP to run AI Express Mode conversions from Claude, Cursor, Codex, or Antigravity.

The Figma plugin is the recommended way to use AI Express Mode. If you'd rather build with AI tools you already use, UiChemy MCP is for you.

What it is: connect UiChemy MCP and run conversions from tools like Claude, Cursor, Codex, or Antigravity, right where you work, without switching tabs. For example, share a Figma design link with your AI tool and ask it to convert the design into a Composer on your connected site. It's optional, and available for Elementor for now. Conversions run through MCP draw from the same shared UiChemy Credits balance as the Figma plugin path, see How Do UiChemy Credits Work?.

Before You Start

You've set up the WordPress plugin and can reach UiChemy → Home. See Set up the UiChemy WordPress plugin.
Node.js 18 or newer is installed on your computer (your AI tool uses it to connect).
You're signed in as an Administrator.

Step 1: Generate Your Connection

Go to UiChemy → Home and select the AI Agent (MCP) tab.

Click Generate connection. This issues a secure Application Password so your AI tool can reach this site.

Step 2: Pick Your AI Tool

Choose your tool from the cards: Claude Desktop, Cursor, Codex, Antigravity, or Other. UiChemy gives you the exact config to add for whichever one you pick.

Don't see your tool listed? Pick Other, any MCP-compatible tool works. See Supported AI Tools for the full picture.

Step 3: Add the MCP Server

What UiChemy shows here depends on which tool you picked in Step 2, the config format and the save path both change. Whichever tool you picked, a Prompt / Config switch lets you choose how you'd rather add it. Pick your tool below for both options.

Config, paste this in yourself:

{
  "mcpServers": {
    "your-site-name-uichemy-mcp": {
      "command": "npx",
      "args": ["-y", "@automattic/mcp-wordpress-remote"],
      "env": {
        "WP_API_URL": "https://yoursite.com/index.php?rest_route=/uichemy/v2/mcp",
        "WP_API_USERNAME": "admin",
        "WP_API_PASSWORD": "your-application-password"
      }
    }
  }
}

Save to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).

Prompt, prefer not to edit the file yourself? On the UiChemy dashboard, switch its Prompt / Config switch to Prompt instead and copy the ready-made prompt. Paste it into Claude Desktop and it edits its own config file for you, after checking that Node.js 18+ and npx are available, and keeping any MCP servers you already have configured.

Config, paste this in yourself:

{
  "mcpServers": {
    "your-site-name-uichemy-mcp": {
      "command": "npx",
      "args": ["-y", "@automattic/mcp-wordpress-remote"],
      "env": {
        "WP_API_URL": "https://yoursite.com/index.php?rest_route=/uichemy/v2/mcp",
        "WP_API_USERNAME": "admin",
        "WP_API_PASSWORD": "your-application-password"
      }
    }
  }
}

Save to ~/.cursor/mcp.json, or .cursor/mcp.json inside a specific project.

Prompt, prefer not to edit the file yourself? On the UiChemy dashboard, switch its Prompt / Config switch to Prompt instead and copy the ready-made prompt. Paste it into Cursor and it edits its own config file for you, after checking that Node.js 18+ and npx are available, and keeping any MCP servers you already have configured.

Config, paste this in yourself:

{
  "mcpServers": {
    "your-site-name-uichemy-mcp": {
      "command": "npx",
      "args": ["-y", "@automattic/mcp-wordpress-remote"],
      "env": {
        "WP_API_URL": "https://yoursite.com/index.php?rest_route=/uichemy/v2/mcp",
        "WP_API_USERNAME": "admin",
        "WP_API_PASSWORD": "your-application-password"
      }
    }
  }
}

Save to ~/.gemini/config/mcp_config.json.

Prompt, prefer not to edit the file yourself? On the UiChemy dashboard, switch its Prompt / Config switch to Prompt instead and copy the ready-made prompt. Paste it into Antigravity and it edits its own config file for you, after checking that Node.js 18+ and npx are available, and keeping any MCP servers you already have configured.

Codex gets TOML instead of JSON.

Config, paste this in yourself:

[mcp_servers.your-site-name-uichemy-mcp]
command = "npx"
args = ["-y", "@automattic/mcp-wordpress-remote"]

[mcp_servers.your-site-name-uichemy-mcp.env]
WP_API_URL = "https://yoursite.com/index.php?rest_route=/uichemy/v2/mcp"
WP_API_USERNAME = "admin"
WP_API_PASSWORD = "your-application-password"

Save to ~/.codex/config.toml.

Prompt, prefer not to edit the file yourself? On the UiChemy dashboard, switch its Prompt / Config switch to Prompt instead and copy the ready-made prompt. Paste it into Codex and it edits its own config file for you, keeping it valid TOML and any existing tables intact, after checking that Node.js 18+ and npx are available.

Click Copy to copy whichever one you're shown exactly. The real WP_API_URL, WP_API_USERNAME, and WP_API_PASSWORD values only appear once you've generated a connection in Step 1.

Always use the path UiChemy shows at the time you connect, not one from memory, tool vendors can move where this file lives between versions.

Step 4: Restart & Start Building

Restart your AI tool, then ask it to build or edit a page. It works through UiChemy on this site.

The output is the same native, editable Composer you get from the Figma plugin.

Keep your Application Password private. Anyone with it can connect to this site.

If It Doesn't Work

Your tool can't connect. Confirm Node.js 18+ is installed, then restart the tool.
"Administrator access required." MCP needs an Administrator account.
The config looks incomplete. Generate your connection in Step 1 first, the real values only appear once one exists.
Still stuck? The Figma plugin path always works without MCP.

Was this page helpful?