MasterGo Magic MCP

MasterGo Magic MCP 是一个独立的 MCP (Model Context Protocol) 服务，用于连接 MasterGo 设计工具与 AI 模型。它允许 AI 模型直接从 MasterGo 设计文件中获取 DSL 数据。

功能特点

• 获取 MasterGo 设计文件的 DSL 数据
• 直接 npx 运行
• 无需安装外部依赖，只需 Node.js 环境

开始使用

1、获取 MG_MCP_TOKEN

1. 访问 https://mastergo.com
2. 进入个人设置
3. 点击安全设置Tab
4. 找到个人访问令牌
5. 点击生成令牌

2、Cursor 使用

官方的配置操作图文介绍：https://mastergo.com/file/155675508499265?page_id=M

Cursor Mcp 使用指导参考: https://docs.cursor.com/context/model-context-protocol#using-mcp-tools-in-agent

{
  "mcpServers": {
    "mastergo-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mastergo/magic-mcp",
        "--token=<MG_MCP_TOKEN>",
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

Windows 用户使用以下：

{
  "mcpServers": {
    "mastergo-magic-mcp": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "@mastergo/magic-mcp",
        "--token=<MG_TOKEN>“,
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

cline 使用

{
  "mcpServers": {
    "@master/mastergo-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mastergo/magic-mcp",
        "--token=<MG_MCP_TOKEN>",
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

配置成功后，Curosr 的 MCP 服务列表里会显示如下界面,服务是绿灯激活的状态:

3、设计稿转代码

1、在 MasterGo 设计文件里选择一个容器后复制浏览器的容器链接地址， 然后填入Cursor对话框里，并加上"生成html文件"之类的 Prompt 提示词。

2、确保选择了"Agent"模式，模型可以选择“Auto”即可，默认会选择Claude 3.5或者 3.7 （主要看你的Cursor 各模型的使用量） 这个时候 Send 发射命令即可。

3、正常情况会提示“Called MCP tool mcp__getDsl” 这就说明在使用 MasterGor DSL服务进行转换设计稿的结构化数据，Claude 3.5 AI 介入会根据你的提示词进行代码实现。

常见问题（更新中）

1、提示：服务红灯，提示 “Client closed”？

确保是否使用了私有源。

微信进群

如果过期了请加vx:boysoman 拉你进群。

许可证

ISC