Mastergo Magic MCP

连接MasterGo与AI,便捷获取设计DSL数据的MCP工具。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:Mastergo Magic MCP。
它的用途是:连接MasterGo与AI,便捷获取设计DSL数据的MCP工具。
完整的 Skill 内容见:https://321skill.com/skills/mastergo-magic-mcp/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“请分析我MasterGo中‘首页v2’画板的设计,并生成对应的React组件代码结构。”,它会通过MCP工具获取该画板的DSL数据,理解图层、样式和布局,然后为你生成初步的组件代码。或者,你可以说:“检查一下这个设计稿里的颜色和间距是否遵循了我们项目的设计令牌规范。”

介绍

Mastergo Magic MCP 解决了设计师与AI模型之间数据互通不便的问题。传统上,设计师需要手动导出或截图设计稿,才能将设计信息提供给AI进行分析或生成代码,过程繁琐且容易出错。

该工具作为MCP(模型上下文协议)集成,能够直接连接到MasterGo设计工具,自动提取设计稿中的DSL(领域特定语言)数据,例如图层结构、样式变量、组件信息等,并将其以结构化的格式提供给连接的AI模型(如Claude、Cursor等)。

它非常适合UI设计师、前端开发以及产品经理等角色。设计师可以快速将设计稿转化为可供AI理解的数据,前端开发可以基于此生成或校验代码,产品经理则可以便捷地分析设计系统的规范性。

使用前请确保已安装并登录MasterGo,并确认你使用的AI客户端(如Claude Desktop)支持MCP协议。注意,该工具主要提供数据桥梁功能,具体的AI应用效果(如代码生成质量)取决于所使用的AI模型能力。

核心特点

这是首个专为MasterGo设计工具打造的MCP集成,能直接深度读取设计文件的结构化DSL数据,而非简单的图像识别。相比通用设计稿解析工具,它提供了更精准、更丰富的设计语义信息。

注意事项

仅支持MasterGo平台的设计文件,无法用于Figma、Sketch等其他设计工具。

常见问题

Mastergo Magic MCP 能做什么?

它能在AI对话中,直接读取并分析你在MasterGo中的设计稿,提取图层、组件、样式等结构化数据,辅助生成代码或进行设计评审。

需要会编程才能使用吗?

不需要。安装配置后,在支持的AI客户端中正常对话即可,工具会自动在后台处理设计数据的获取与传递。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/mastergo-magic-mcp/raw/index.md 读取 Mastergo Magic MCP 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。