Skip to main content
Glama

MasterGo 魔法 MCP

询问 DeepWiki

MasterGo Magic MCP 是一项独立的 MCP(模型上下文协议)服务,旨在将 MasterGo 设计工具与 AI 模型连接起来。它使 AI 模型能够直接从 MasterGo 设计文件中检索 DSL 数据。

主要特点

  • 从 MasterGo 设计文件中检索 DSL 数据

  • 直接使用 npx 运行

  • 无需外部依赖,只需要 Node.js 环境

Related MCP server: MCP Boilerplate

教程

用法

获取MG_MCP_TOKEN

  1. 访问https://mastergo.com

  2. 进入个人设置

  3. 单击安全设置选项卡

  4. 查找个人访问令牌

  5. 点击生成token

命令行选项

npx @mastergo/magic-mcp --token=YOUR_TOKEN [--url=API_URL] [--rule=RULE_NAME] [--debug]

参数:

  • --token=YOUR_TOKEN (必需):用于身份验证的 MasterGo API 令牌

  • --url=API_URL (可选):API 基本 URL,默认为http://localhost:3000

  • --rule=RULE_NAME (可选):添加要应用的设计规则,可多次使用

  • --debug (可选):启用调试模式以获取详细的错误信息

您还可以对参数使用空格分隔的格式:

npx @mastergo/magic-mcp --token YOUR_TOKEN --url API_URL --rule RULE_NAME --debug

LINGMA 用法

在VSCode扩展市场中搜索LINGMA并安装。

登录后,点击聊天框中的[MCP工具]。

点击顶部【MCP广场】进入MCP市场,找到MasterGo设计协作工具并安装。

安装完成后,返回[MCP 服务器],并编辑我们的 MCP 服务以将其替换为您自己的 MasterGo 代币。

最后在聊天界面将聊天模式切换为代理模式。

游标用法

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": {} } } }

cline 用法

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

项目结构

src 目录

src目录包含 MasterGo Magic MCP 服务的核心实现:

  • index.ts :初始化 MCP 服务器并注册所有工具的应用程序入口点

  • http-util.ts :用于处理 MasterGo API 的 HTTP 请求的实用程序

  • types.d.ts :项目的 TypeScript 类型定义

src/工具

包含 MCP 工具的实现:

  • base-tool.ts :所有 MCP 工具的基类

  • get-dsl.ts :从 MasterGo 设计文件中检索 DSL(领域特定语言)数据的工具

  • get-component-link.ts :从链接检索组件文档的工具

  • get-meta.ts :检索元数据信息的工具

  • get-component-workflow.ts :为 Vue 和 React 组件提供结构化组件开发工作流的工具,生成工作流文件和组件规范

src/markdown

包含带有附加文档的 markdown 文件:

  • meta.md :关于元数据结构和使用的文档

  • component-workflow.md :组件开发工作流文档,指导结构化组件开发流程

本地开发

  1. 运行yarnyarn build来安装依赖项并构建代码

  2. 找到bin/cli.js的绝对路径

  3. 使用您的令牌添加本地 MCP 配置

"mastergo-mcp-local": { "command": "node", "args": [ "absolute/path/to/bin/cli.js", "--token=mg_xxxxxx", "--url=https://mastergo.com", "--debug" ], "env": {} },
  1. 重启编辑器以确保本地 MCP 已启用

执行成功后,您可以根据本地运行结果进行调试。您可以根据修改后的版本构建您自己的 MCP 服务。

欢迎您的代码贡献,期待共同打造MasterGo的MCP服务。

执照

国际学习中心

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/mastergo-design/mastergo-magic-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server