From first install to productive AI sessions in minutes.

HomeAI Integration → MCP and Claude Setup


Avoid double-wiring an MCP backend. Wire each FrameworX MCP (Designer, Console, Runtime, File Access) in EXACTLY ONE client on a given machine. If you also use Claude Code (CLI) and add the FrameworX MCP there with claude mcp add, do NOT also enable the same backend in Claude Desktop via Extensions (.mcpb) — and vice versa. Each backend wired twice spawns two host processes per Claude session, and both leak as orphan processes when the session crashes or force-quits. Pick one client per backend.

How Skill and MCP Work Together in Claude

The FrameworX AI Designer experience has two components that work as a pair:

MCP Tools connect Claude directly to the FrameworX Designer IDE. Every tool call produces immediate visual changes — tags, displays, alarms, and devices appear in real time while the engineer watches. Tools cover the full solution lifecycle from create_solution through start_runtime. This is the co-pilot experience — Claude and the engineer work side by side on the same screen.

The Claude Skill is a lightweight file (SKILL.md) that loads into Claude at the start of every session. It gives Claude baseline FrameworX knowledge and trained instincts: progressive build discipline, schema-then-write patterns, trust-tool-results rules. Without the skill, Claude starts every session without context. With it, Claude behaves like an experienced FrameworX engineer from the first message.

Together, the skill conditions Claude's behavior before the first tool fires, and MCP gives Claude the tools to act on that knowledge. The result is an AI co-pilot that truly understands the platform and builds solutions correctly from the first response.

Note: This page installs the full FrameworX AI connector set and focuses on the Designer integration — the build-time experience. AI Runtime is a separate integration that connects AI to running solutions for live data queries and operations interactions; its bundle is installed here too, and the full technical reference lives in AI Runtime Connector.

Looking for Claude Code? If you use Claude Code from the command line, see Claude Code MCP Setup for advanced integration options including file-based engineering without a running Designer.


What You Need

Component

Purpose

Install Time

Install Claude Desktop

Base tools for this technology

2 minutes

Claude Skill

Prepares Claude for FrameworX sessions

2 minutes

MCP Bundle (.mcpb)

Connects Claude Desktop to the live Designer IDE

2 minutes

FrameworX Designer (v10.1.3+)

The IDE that Claude controls

Download

Requires a Claude Pro, Max, Team, or Enterprise plan.
Any LLM with MCP protocol support can be used; Claude is our recommendation.


Standard Setup

Step 1: Install Claude Desktop

Download the Claude here: Claude Download

Step 2: Install the Claude Skill

The Claude Skill is a portable SKILL.md file that follows the Agent Skills open standard. Install it once — it activates automatically whenever you mention FrameworX, SCADA, HMI, or related topics.

  1. Install FrameworX
  2. Go to Documents\FrameworX\AISetup    
  3. Locate the frameworx.skill

Then, on Claude Desktop:

  1. Go to Menu > File > Settings...
  2. Go to Capabilities > Skills > Go to Customize
  3. Click the '+' button, then "Upload a skill"
  4. Select "frameworx.skill"
  5. Make sure the skill toggle is set to On
  6. Close the Settings window — the skill is now active for all future conversations


This setup assumes Claude Desktop and FrameworX are installed on the same machine. If your environment has FrameworX on one machine and Claude Desktop on another, refer to Advanced Setup: Different Computers section instead before proceeding.

Step 3: Install the MCP Bundle

The MCP Bundle is four .mcpb files that install the FrameworX MCP tools into Claude Desktop with one click — no manual configuration needed.

Prerequisites: FrameworX Designer v10.1.3+ must be installed first. The MCP bundle ships with the product installation.

The .mcpb files are located at Documents\FrameworX\AISetup. Repeat the procedure below for EACH of these files:

  • frameworx-designer-mcp.mcpb
  • frameworx-console-mcp.mcpb
  • frameworx-runtime-mcp.mcpb
  • frameworx-filesystem.mcpb
  1. Open Claude Desktop
  2. Go to Menu > File > Settings... > Extensions
  3. Click Advanced Settings
  4. Click Install Extension
  5. Select the .mcpb file
  6. Click Install
  7. Click Install again on the confirmation popup
  8. Close the Settings window — the connector is now active for all future conversations

Anthropic updates the Claude Desktop settings interface regularly. If these menu entries are not where described, check Claude's official documentation for the current location.

Step 4: Set Permissions and Verify

After installing the four extensions, follow the Set Permissions and Verify procedure in the Appendix for each one.



Advanced: Different Computers

Before proceed, do the steps 1 and 2 from Standard Setup.


Use this when Claude Desktop and FrameworX Designer run on different machines — for example, Claude Desktop running on a Mac with FrameworX Designer inside a Windows virtual machine (Parallels, VMware), or FrameworX running on a separate Windows computer on the network.

In this setup, DesignerMCPHttp runs as a lightweight HTTP server on the Windows machine. On the client machine you install the HTTP variant of the extension bundle, which carries the mcp-remote bridge configuration for you — there is no configuration file to edit by hand. All communication happens exclusively through the MCP tools; no shared folders or filesystem server is needed.

Prerequisites:

  • FrameworX Designer v10.1.3+ installed on the Windows machine
  • Claude Desktop installed on the client machine
  • Node.js (LTS version) installed on the client machine — the HTTP bundle runs the mcp-remote bridge, which is an npm package

Step 1: Start DesignerMCPHttp on the Windows Machine (Server)

On the Windows machine where FrameworX is installed:

  1. Open File Explorer and navigate to your Documents folder: Documents\FrameworX\Utilities
  2. Double-click StartDesignerMCPHttp.bat

You should see a console window confirming the server is listening on port 10150. Leave this window open — the server must stay running.

Important: The MCP server must be started before Claude Desktop. If you ever restart the server, you must also restart Claude Desktop.

Step 2: Install the HTTP Extension on the Claude Desktop Machine (Client)

Remote access uses the HTTP variant of the bundle. The files are in Documents\FrameworX\AISetup on the FrameworX machine — copy the one you need to the client machine if the two do not share a folder.

Extension

Connects to

Default port

frameworx-designer-mcp-http.mcpb

DesignerMCPHttp — the live Designer IDE

10150

frameworx-console-mcp-http.mcpb

ConsoleMCPHttp — file-based workspaces, no running Designer

10151

frameworx-runtime-mcp-http.mcpb

RuntimeMCPHttp — a running solution

10120

Install it exactly as in the standard setup:

  1. Open Claude Desktop
  2. Go to Menu > File > Settings... > Extensions
  3. Click Advanced Settings
  4. Click Install Extension
  5. Select the .mcpb file
  6. Click Install
  7. Click Install again on the confirmation popup

Step 3: Point the Extension at the Server Machine

  1. Go to Menu > File > Settings... > Extensions
  2. Find FrameworX AI Designer (HTTP) in the list and click Configure
  3. Set DesignerMCPHttp Host to the address of the Windows machine
  4. Set DesignerMCPHttp Port only if you changed ListenPort on the server (default 10150)

Which host address to use:

  • FrameworX in a VM on the same host (Parallels or VMware on a Mac): use 127.0.0.1. You may need to configure VM port forwarding to route port 10150 from the host to the Windows guest.
  • FrameworX on a different computer on the network: use that machine's IP address, for example 192.168.1.50. Make sure port 10150 is open in Windows Firewall on the FrameworX machine.

Step 4: Restart Claude Desktop

For changes to take effect, follow the Restart Claude Desktop procedure in Appendix.

Step 5: Set Permissions and Verify

Follow the Set Permissions and Verify procedure in the Appendix for each extension you installed.

Server Settings: Port, API Key, and HTTPS

DesignerMCPHttp reads its settings from DesignerMCPHttp.json in the FrameworX installation folder:

C:\Program Files\Tatsoft\FrameworX\fx-10\net10.0\DesignerMCPHttp.json

Edit this file before starting the server. The shipped defaults work for a trusted local network.

Error rendering macro 'code': Invalid value specified for parameter 'com.atlassian.confluence.ext.code.render.InvalidValueException'
{
  "appSettings": {
    "X_API_KEY": "",
    "CertFileName": "",
    "CertPass": "",
    "CertHash": "",
    "ListenPort": "10150"
  }
}

Where:

Setting

Description

X_API_KEY

Optional authentication key. Clients must send it as an X-API-KEY header.

CertFileName

SSL certificate file (for HTTPS)

CertPass

SSL certificate password

CertHash

SSL certificate thumbprint (alternative to file)

ListenPort

Port the HTTP server listens on (default 10150). If you change it, set the matching port in the extension's Configure panel.

Security: the HTTP server accepts connections from any machine that can reach its port, so treat it as a trusted-network service. Configure a certificate to move the endpoint from http:// to https://, and keep the port closed at the firewall to everything except the client machine.

The shipped HTTP extension connects using Host and Port only and does not send an X-API-KEY header. Use X_API_KEY when connecting from a client where you control the request headers, such as the GitHub Copilot setup below.



Advanced: GitHub Copilot (VS Code)

Use this setup if you prefer to work with GitHub Copilot inside Visual Studio Code instead of Claude Desktop. The FrameworX MCP tools work the same way — the only difference is the client.

Prerequisites:

  • Visual Studio Code installed
  • GitHub Copilot extension installed in VS Code (Ctrl+Shift+X → search "GitHub Copilot" → Install)
  • GitHub account with an active Copilot subscription (free tier available at github.com/features/copilot)
  • FrameworX Designer v10.1.3+ installed
  • Cross-platform .NET Desktop Runtime matching your FrameworX version (.NET 8 for 10.1.4 and earlier, .NET 10 for 10.1.5 and later)

Step 1: Sign in to GitHub Copilot

After installing the extension, sign in using:

  • The Copilot icon in the bottom-right status bar → click and follow the prompt, or

A browser window will open for GitHub authentication. Once complete, the Copilot icon in the status bar turns solid, confirming it's active.

Step 2: Configure the MCP Servers

Open the Command Palette (Ctrl+Shift+P) and run:

MCP: Open User Configuration

This opens (or creates) your global mcp.json file. Replace the contents with the following. Adjust the runtime folder in the DesignerMCP.dll path to match your FrameworX version (net8.0 for 10.1.4 and earlier, net10.0 for 10.1.5 and later):

{
  "servers": {
    "FrameworX-Designer": {
      "type": "stdio",
      "command": "dotnet",
      "args": [
        "C:\\Program Files\\Tatsoft\\FrameworX\\fx-10\\net10.0\\DesignerMCP.dll"
      ]
    },
    "filesystem": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "C:\\Users\\Public\\Documents\\FrameworX\\Exchange"
      ]
    }
  }
}

Save the file.

Adjust the DesignerMCP.dll path if FrameworX was installed to a non-default location. Use double backslashes in all paths.

Step 3: Start the MCP Servers

After saving the file, open the Command Palette (Ctrl+Shift+P), run MCP: List Servers, select each server, and choose Start Server to initialize it and discover the available tools.

Step 4: Use in Copilot Chat

  1. Open Copilot Chat (Ctrl+Alt+I or click the Copilot icon in the sidebar)
  2. Switch the chat mode to Agent using the dropdown at the bottom of the chat panel

Test it: Ask "List my available FrameworX solutions" — Copilot should call list_solutions and return the results.

Step 5: Set Tool Permissions

On the first session, GitHub Copilot will ask for confirmation before each tool call. Select Allow Always when prompted for each tool to avoid repeated approvals in future sessions.


Advanced: ChatGPT / Codex

Use this setup if you prefer to work with OpenAI Codex (desktop app or CLI) instead of Claude Desktop. The FrameworX MCP tools work the same way — the only difference is the client. We still recommend Claude for the best FrameworX experience; use this path only if your team is standardized on ChatGPT / Codex.

Prerequisites:

  • OpenAI Codex (desktop app or CLI) installed and signed in
  • FrameworX Designer v10.1.3+ installed
  • Cross-platform .NET Desktop Runtime matching your FrameworX version (.NET 8 for 10.1.4 and earlier, .NET 10 for 10.1.5 and later)

Step 1: Register the FrameworX MCP Server

The codex executable is not always on your PATH. Open a terminal, navigate to the folder containing codex.exe, then run:

codex mcp add FrameworX-Designer -- dotnet "C:\Program Files\Tatsoft\FrameworX\fx-10\net10.0\DesignerMCP.dll"

Adjust the runtime folder (net8.0 vs net10.0) to match your FrameworX version. This registers the server globally — no manual config file editing needed.

Step 2: Verify the Server Is Registered

From the same folder, run:

codex mcp list

FrameworX-Designer should appear with status enabled.

Alternatively, verify from the Codex UI: Edit > Settings > Plugins > MCPs > FrameworX-Designer should appear in the list.

Step 3: Restart Codex / ChatGPT

Fully quit the ChatGPT / Codex process, then reopen it.

Step 4: Test It

Test it: Ask "Use FrameworX AI Designer connector to list the available solutions." Codex should call list_solutions and return the results.


Appendix


Set Permissions and Verify

  Repeat this procedure for EACH of the following extensions:
    - FrameworX AI Designer
    - FrameworX AI Console
    - FrameworX AI Runtime
    - FrameworX File Access

Set Tool Permissions

Without this step, Claude will ask you to approve every single tool call, which breaks longer building sessions.

  1. Go to Menu > File > Settings... > Extensions
  2. Find the extension in the list
  3. Click "Configure"
  4. Set Tool Permissions to Always Allow
  5. Close the Settings window — the permissions now are set

Verify It Works

  1. In Settings → Developer, verify that FrameworX AI Designer, FrameworX AI Console, FrameworX AI Runtime, and FrameworX File Access all show status "running"
  2. Open a new chat and Click the '+' button, then Connectors, all four extension tools should appear in the list

Test it: Open a new conversation and ask "Create a new FrameworX solution with a bottling line" — Claude should immediately start building, calling create_solution and writing objects.

You're done! Jump to Next Steps.


Restart Claude Desktop

  1. Fully close Claude Desktop:
    • Windows: Right-click the Claude icon in the system tray and click Quit, or end it via Task Manager (Ctrl + Shift + Esc).
    • macOS: Right-click the Claude icon in the Dock and click Quit, or press Cmd + Q.
  2. Relaunch Claude Desktop.



Best Practices

Building Large Solutions

When creating a solution with many tags, devices, and displays, we recommend breaking the work into smaller steps rather than trying to build everything in a single prompt. Start by describing the full solution to give the AI context, then build each part separately. If you run out of tokens mid-conversation, start a new chat and ask the AI to review what was created so far before continuing.

Recommended workflow:

  1. Describe the entire solution scope (without building anything yet)
  2. Create the tag structure (UNS hierarchy)
  3. Configure Alarms and Historian
  4. Build the first display
  5. Build additional displays one at a time
  6. Continue with remaining components (scripts, reports, etc.)

Prompt Structure

For best results, structure your prompts using clearly defined sections: role, context, instructions. The example below shows a basic well-structured prompt.

Tell the AI its role (e.g., "You are a FrameworX automation engineer...")

<context>
Describe your project context: what the solution does,
which protocols and devices are involved, tag naming conventions, etc.
</context>

<instructions>
Provide step-by-step instructions for what you want built.
Be specific about naming, structure, and preferences.
</instructions>

For a comprehensive guide on prompt engineering techniques, see: Claude – Prompting Best Practices and AI Designer Best Practices.

Model Recommendation

We recommend using Claude Sonnet without Extended Thinking. Sonnet provides the best balance between speed and quality for FrameworX MCP workflows.



Troubleshooting

Symptom

Likely Cause

Fix

FrameworX AI Designer doesn't connect

Product installation different than the default

In Claude, go to Menu > File > Settings... > Extensions > Click "Configure" and check if the FrameworX Installation Path is correct

Claude web-searches for FrameworX basics

Skill not loaded

Check Settings → Capabilities → Skills

"MCP tools not connected"

Server not running or config error

Verify the .mcpb is installed in Settings → Extensions and shows status "running" in Settings → Developer.

Tools timeout or fail

Permissions not set

Set tool permissions to Always Allow (see Appendix)

MCP Bundle won't install

Claude Desktop outdated

Update Claude Desktop to the latest version

FrameworX AI Designer extension will not start

Cross-platform .NET runtime not installed, or wrong installation path

Run dotnet --list-runtimes to verify the runtime matching your FrameworX version is installed (.NET 8 for 10.1.4 and earlier, .NET 10 for 10.1.5 and later). Then check FrameworX Installation Path in the extension's Configure panel.

An HTTP extension will not start (different computers)

Node.js not installed on the Claude Desktop machine

The HTTP bundles run the mcp-remote npm bridge. Run node --version on the client machine to verify Node.js (LTS) is installed.

HTTP connection refused (different computers)

Firewall, wrong IP, or server not running

Open port 10150 in Windows Firewall, verify IP, make sure the BAT file is running

"Cannot connect" Mac → Windows VM

Port forwarding not configured

Configure VM port forwarding for port 10150


Quick Reference: File Locations

What

Location

Extension bundles (.mcpb) and the Claude skill

Documents\FrameworX\AISetup

HTTP server launchers

Documents\FrameworX\Utilities

Designer HTTP server settings

C:\Program Files\Tatsoft\FrameworX\fx-10\net10.0\DesignerMCPHttp.json

Console HTTP server settings

C:\Program Files\Tatsoft\FrameworX\fx-10\net10.0\ConsoleMCPHttp.json

Runtime HTTP server settings

See AI Runtime Connector

GitHub Copilot MCP config

VS Code Command Palette → MCP: Open User Configuration

Codex MCP config

codex mcp add / codex mcp list (CLI)


Change for release 10.1.5

The skill bundle filename changed. Earlier releases shipped frameworx-industrial-platform.skill. Starting with FrameworX 10.1.5, the bundle is named frameworx.skill (same location: Documents\FrameworX\AISetup).

Fresh installs — follow Step 2 above using frameworx.skill instead of frameworx-industrial-platform.skill.

Upgrading from 10.1.4 or earlier:

  1. Open Claude Desktop → Settings → Capabilities → Skills → Customize
  2. Find the legacy frameworx-industrial-platform skill in the list, click it, and remove it
  3. Click + → Upload a skill → select frameworx.skill from Documents\FrameworX\AISetup
  4. Make sure the new skill toggle is set to On
  5. Fully quit Claude Desktop and re-open (skills are cached for the life of the process)

Skipping the cleanup loads both the old and new skills, which can produce inconsistent behavior.


Next Steps

  • Learn FrameworX step by step: Ask Claude in your new MCP session "teach me FrameworX" — the AI Tutor runs a 45-lesson curriculum from your first tag to enterprise architecture. Hands-on, adaptive, with progress tracking that survives version upgrades.
  • See it in action: AI Designer In Action
  • Technical Reference: AI Designer Connector
  • Claude Code Integration: Claude Code MCP Setup
  • Download Designer: FrameworX (free evaluation, unlimited tags, all features)


In this section...