# Mastergo Vibe MCP

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

- Skill: `ahang1598/mastergo-vibe-mcp` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ahang1598/mastergo-vibe-mcp`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ahang1598/mastergo-vibe-mcp/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: ahang1598 (https://skillmd.com/u/ahang1598)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/ahang1598/mastergo-vibe-mcp

---


# 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 桌面端是否已启动
- 若无法获取选中图层，确认已在画布中选中目标元素
- 若组件库引用失败，检查当前文件是否已订阅所需团队组件库