MasterGo 莫高设计 Skill
MasterGo Vibe MCP 连接器,通过 MCP 协议连接 MasterGo 画布,让 AI 能够进行设计创建、修改、同步和获取 D2C(Design to Code)代码。
功能能力
- 设计创建:使用自然语言描述,AI 自动在 MasterGo 画布上生成设计稿
- 设计修改:对当前选中的图层进行属性修改(颜色、尺寸、文字等)
- 组件库引用:使用当前文件已订阅的团队组件库生成页面
- 代码生成:获取当前选中图层的前端代码(D2C)
- 设计同步:保持设计与代码的同步更新
调用原则
- 确保 MasterGo 桌面端已启动并打开了目标文件
- 需要在 MasterGo 中选中目标图层后执行修改/获取代码操作
- 设计生成时尽量提供详细的需求描述,包括页面类型、布局、组件等
- 修改属性时明确指定目标元素和属性值
典型流程
- 设计生成:描述需求 → AI 在画布生成设计稿 → 查看效果 → 迭代修改
- 属性修改:选中图层 → 描述修改需求 → AI 执行修改 → 确认结果
- 代码获取:选中图层 → 请求获取代码 → AI 返回前端代码
错误处理
- 若连接失败,检查 MasterGo 桌面端是否已启动
- 若无法获取选中图层,确认已在画布中选中目标元素
- 若组件库引用失败,检查当前文件是否已订阅所需团队组件库