...
From first install to productive AI sessions in minutes.
...
...
Claude Skill and MCP Setup
The FrameworX AI Designer experience has two components that work as a pair:
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.
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. 18 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.
Table of Contents maxLevel 2 minLevel 2 indent 10px exclude Together style none
Note: AI Runtime is a separate integration that connects AI to running solutions for live data queries and operations interactions. This page covers the Designer integration — the build-time experience. See [AI Runtime Connector](AI Runtime Connector) for runtime setup.
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.
| Component | Purpose | Install Time |
|---|---|---|
| Claude Skill | Prepares Claude for FrameworX sessions | 2 minutes |
| AI Designer MCP | Connects Claude Desktop to the live Designer IDE | 5 minutes |
| FrameworX Designer (v10.1.3+) | The IDE that Claude controls | Download |
| .NET 8.0 Runtime | Required to run the MCP server | Download |
| Node.js (LTS) | Required for the filesystem server | Download |
Requires a Claude Pro, Max, Team, or Enterprise plan.
Any LLM with MCP protocol support can be used; Claude is our recommendation.
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.
.skill file and select itBefore connecting MCP tools, make sure the following are installed on your Windows machine:
Required to run the DesignerMCP server.
dotnet --list-runtimes
You should see a line containing Microsoft.NETCore.App 8.x.x.
Required for the filesystem server, which enables Claude to read screenshots and inspect external solutions directly. Without it, tools like get_screenshot and inspect_external_solution will not work.
node --version
You should see a version number like v22.x.x. If you see an error, restart your Command Prompt and try again.
Choose the scenario that matches your setup. Most users will use Scenario A.
Use this when Claude Desktop and FrameworX Designer run on the same Windows machine. Claude Desktop launches DesignerMCP directly as a subprocess, and the filesystem server gives Claude direct access to screenshots and exported configurations.
Prerequisites:
Win + R, type %APPDATA%\Claude and press Enterclaude_desktop_config.json in any text editor (Notepad works fine)Replace the entire contents of the file with:
| Warning | ||
|---|---|---|
| ||
Replace <username> in
|
{
"mcpServers": {
"FrameworX-Designer": {
"command": "dotnet",
"args": [
"C:\\Program Files\\Tatsoft\\FrameworX\\fx-10\\net8.0\\DesignerMCP.dll"
],
"transport": "stdio"
},
"filesystem": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-filesystem",
"C:\\Users\\Public\\Documents\\FrameworX\\Transfers"
]
}
}
}
Important: Replace <username> with your Windows username. To find it, press Win + R, type cmd, press Enter, and type echo %USERNAME%.
Save and close the file.
Note: The DesignerMCP path above is the default installation location. If you installed FrameworX to a different drive or folder, adjust accordingly. Use double backslashes in all paths.
Ctrl + Shift + Esc), find any Claude processes, and end them.Without this step, Claude will ask you to approve every single tool call, which breaks longer building sessions.
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.
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. Claude Desktop connects to it over the network using mcp-remote, an open-source MCP-to-HTTP bridge. All communication happens exclusively through the MCP tools — no shared folders or filesystem server is needed.
Prerequisites:
mcp-remote bridge)On the Windows machine where FrameworX is installed:
Documents\FrameworX\UtilitiesYou 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.
On the machine where Claude Desktop runs (e.g., your Mac):
node --version
You should see a version number like v22.x.x.
Find and open the configuration file:
Win + R, type %APPDATA%\Claude and press Enter. Open claude_desktop_config.json.Cmd + Shift + G, type ~/Library/Application Support/Claude and press Enter. Open claude_desktop_config.json.If the file doesn't exist, create a new text file with that exact name.
Replace the entire contents with:
If FrameworX is in a VM on the same host machine (e.g., Parallels/VMware on Mac — use 127.0.0.1):
{
"mcpServers": {
"FrameworX-Designer": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"http://127.0.0.1:10150/sse"
]
}
}
}
For Mac + Parallels/VMware: You may need to configure port forwarding in your VM settings to route port 10150 from the Mac host to the Windows guest.
If FrameworX is on a different computer on the network, replace 127.0.0.1 with the IP address of that machine. For example, if the Windows machine is at 192.168.1.50:
{
"mcpServers": {
"FrameworX-Designer": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"http://192.168.1.50:10150/sse"
]
}
}
}
Make sure port 10150 is open in Windows Firewall on the FrameworX machine.
Save and close the file.
Ctrl + Shift + Esc).Cmd + Q.Test it: Ask "Create a new FrameworX solution with a bottling line" — Claude should immediately start building.
| Symptom | Likely Cause | Fix |
|---|---|---|
| Claude web-searches for FrameworX basics | Skill not loaded | Check Settings → Capabilities → Skills |
| "MCP tools not connected" | Server not running or config error | Verify config JSON for typos. For Scenario B, make sure the BAT file is running. |
| Tools timeout or fail | Permissions not set | Set tool permissions to Always Allow (Step A4 or B5) |
| DesignerMCP won't start (Scenario A) | .NET 8 not installed or wrong DLL path | Run dotnet --list-runtimes to verify .NET 8 is installed. Verify DesignerMCP.dll exists at the path in your config. |
| Filesystem server won't start (Scenario A) | Node.js not installed or wrong username | Run node --version to verify Node.js. Check that <username> was replaced with your actual Windows username. |
get_screenshot or inspect_external_solution not working (Scenario A) | Filesystem server not running or not set to Always Allow | Check Settings → Developer — filesystem should show "running". Check Settings → Connectors — filesystem should be set to Always Allow. |
| HTTP connection refused (Scenario B) | 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 |
| Node.js errors with mcp-remote (Scenario B) | Node.js not installed or outdated | Install from nodejs.org, verify with node --version |
| File | Location |
|---|---|
| Claude Desktop config (Windows) | %APPDATA%\Claude\claude_desktop_config.json |
| Claude Desktop config (macOS) | ~/Library/Application Support/Claude/claude_desktop_config.json |
Questions or feedback
When installed, Claude can answer FrameworX questions directly from the skill — no web search, no guessing. It covers:
The skill follows the Agent Skills open standard. The same file works with Claude, GitHub Copilot, Cursor, and other compatible AI agents.
Skill vs MCP tools — they are independent. The skill provides product knowledge for conversations. The provides hands-on solution building (creating tags, displays, devices inside the Designer). You can use either or both. but MCP is a superset, not need to install if are already using the MCP.
Download the skill file, ready to install:
The zip contains a frameworx/ folder with the SKILL.md file inside.
The skill is also available on GitHub
Requires a Claude Pro, Max, Team, or Enterprise plan with code execution enabled.
Once enabled, Claude will automatically activate the skill whenever you mention FrameworX, SCADA, HMI, or related topics. No need to invoke it manually.
For developers using Claude Code in the terminal:
Create the skills directory if it doesn't exist:
...
Copy the SKILL.md file into that directory:
...
The skill follows the Agent Skills open standard. The same SKILL.md file works with any compatible agent:
Agent | Skill Location |
|---|---|
GitHub Copilot |
|
Cursor |
|
OpenAI Codex CLI |
|
Consult your agent's documentation for the exact skills directory path.
After installing, start a new Claude conversation and try these questions:
DisplaysList and warn that DisplaysDraw is NOT a writable tableIf Claude is web-searching for basic FrameworX information, the skill may not be enabled. Check Settings → Capabilities → Skills.
The skill gives Claude product knowledge. If you want Claude to build inside FrameworX — creating tags, displays, devices, and alarms directly in the Designer — connect the MCP Designer tools.
→ See for setup instructions
→ See for examples of what MCP can do
The skill and MCP tools work independently. Use the skill alone for knowledge and documentation guidance. Add MCP when you are ready to build.
...
: