From first install to productive AI sessions in minutes.
Home → AI 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 |
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.
- Install FrameworX
- Go to Documents\FrameworX\AISetup
- Locate the frameworx.skill
Then, on Claude Desktop:
- Go to Menu > File > Settings...
- Go to Capabilities > Skills > Go to Customize
- Click the '+' button, then "Upload a skill"
- Select "frameworx.skill"
- Make sure the skill toggle is set to On
- 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.mcpbframeworx-console-mcp.mcpbframeworx-runtime-mcp.mcpbframeworx-filesystem.mcpb
- Open Claude Desktop
- Go to Menu > File > Settings... > Extensions
- Click Advanced Settings
- Click Install Extension
- Select the
.mcpbfile - Click Install
- Click Install again on the confirmation popup
- 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-remotebridge, which is an npm package
Step 1: Start DesignerMCPHttp on the Windows Machine (Server)
On the Windows machine where FrameworX is installed:
- Open File Explorer and navigate to your Documents folder:
Documents\FrameworX\Utilities - 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 |
|---|---|---|
| DesignerMCPHttp — the live Designer IDE | 10150 |
| ConsoleMCPHttp — file-based workspaces, no running Designer | 10151 |
| RuntimeMCPHttp — a running solution | 10120 |
Install it exactly as in the standard setup:
- Open Claude Desktop
- Go to Menu > File > Settings... > Extensions
- Click Advanced Settings
- Click Install Extension
- Select the
.mcpbfile - Click Install
- Click Install again on the confirmation popup
Step 3: Point the Extension at the Server Machine
- Go to Menu > File > Settings... > Extensions
- Find FrameworX AI Designer (HTTP) in the list and click Configure
- Set DesignerMCPHttp Host to the address of the Windows machine
- Set DesignerMCPHttp Port only if you changed
ListenPorton the server (default10150)
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.jsonEdit 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 |
|---|---|
| Optional authentication key. Clients must send it as an |
| SSL certificate file (for HTTPS) |
| SSL certificate password |
| SSL certificate thumbprint (alternative to file) |
| 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 ConfigurationThis 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
- Open Copilot Chat (
Ctrl+Alt+Ior click the Copilot icon in the sidebar) - 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.
- Go to Menu > File > Settings... > Extensions
- Find the extension in the list
- Click "Configure"
- Set Tool Permissions to Always Allow
- Close the Settings window — the permissions now are set
Verify It Works
- In Settings → Developer, verify that FrameworX AI Designer, FrameworX AI Console, FrameworX AI Runtime, and FrameworX File Access all show status "running"
- 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
- 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.
- Windows: Right-click the Claude icon in the system tray and click Quit, or end it via Task Manager (
- 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:
- Describe the entire solution scope (without building anything yet)
- Create the tag structure (UNS hierarchy)
- Configure Alarms and Historian
- Build the first display
- Build additional displays one at a time
- 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 |
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 |
An HTTP extension will not start (different computers) | Node.js not installed on the Claude Desktop machine | The HTTP bundles run the |
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 ( |
|
HTTP server launchers |
|
Designer HTTP server settings |
|
Console HTTP server settings |
|
Runtime HTTP server settings | |
GitHub Copilot MCP config | VS Code Command Palette → |
Codex MCP config |
|
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:
- Open Claude Desktop → Settings → Capabilities → Skills → Customize
- Find the legacy
frameworx-industrial-platformskill in the list, click it, and remove it - Click
+→ Upload a skill → selectframeworx.skillfromDocuments\FrameworX\AISetup - Make sure the new skill toggle is set to On
- 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...