Mastergo Vibe MCP

Connect to the MasterGo canvas to allow AI to design, modify, synchronize, and retrieve D2C code.

ahang1598 Updated 9 repo stars

File contents

MasterGo 莫高设计 Skill

MasterGo Vibe MCP 连接器,通过 MCP 协议连接 MasterGo 画布,让 AI 能够进行设计创建、修改、同步和获取 D2C(Design to Code)代码。

功能能力

  • 设计创建:使用自然语言描述,AI 自动在 MasterGo 画布上生成设计稿
  • 设计修改:对当前选中的图层进行属性修改(颜色、尺寸、文字等)
  • 组件库引用:使用当前文件已订阅的团队组件库生成页面
  • 代码生成:获取当前选中图层的前端代码(D2C)
  • 设计同步:保持设计与代码的同步更新

调用原则

  1. 确保 MasterGo 桌面端已启动并打开了目标文件
  2. 需要在 MasterGo 中选中目标图层后执行修改/获取代码操作
  3. 设计生成时尽量提供详细的需求描述,包括页面类型、布局、组件等
  4. 修改属性时明确指定目标元素和属性值

典型流程

  1. 设计生成:描述需求 → AI 在画布生成设计稿 → 查看效果 → 迭代修改
  2. 属性修改:选中图层 → 描述修改需求 → AI 执行修改 → 确认结果
  3. 代码获取:选中图层 → 请求获取代码 → AI 返回前端代码

错误处理

  • 若连接失败,检查 MasterGo 桌面端是否已启动
  • 若无法获取选中图层,确认已在画布中选中目标元素
  • 若组件库引用失败,检查当前文件是否已订阅所需团队组件库

ahang1598/doubao-workbuddy-qwenwork-skills/tree/main/workbuddy/connectors/marketplace/connectors/mastergo-vibe-mcp/skills commit 1b044a5614

Frequently asked questions

npx skillmds@latest add ahang1598/mastergo-vibe-mcp