必须完成三步:确认墨刀账号有效且积分≥50、本地启动mcp服务并保持运行、在cursor中正确配置mcp.json并验证连通;之后可用自然语言生成原型、导出代码或导入墨刀空间。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在 Cursor 中调用墨刀 MCP 自动生成高保真原型,必须绕过网页版限制、避开 token 权限陷阱、确保本地服务链路完整——这三步缺一不可,否则指令发出去后光标一直转圈却无任何返回。
确认墨刀账号与积分状态
登录墨刀官网(modao.cc),点击左下角用户头像 →「令牌设置」,复制你的 Personal Access Token。注意:【该 token 必须绑定在有效付费或试用账户下,免费账号默认无调用权限】。打开墨刀个人空间右上角「积分中心」,确认当前积分 ≥ 50;若显示“积分不足”,即使充值后仍报 403 错误,需提供 User ID 给墨刀官方微信群人工解封,自动充值系统存在 10~30 分钟延迟同步。
配置本地墨刀 MCP 服务
在终端执行以下命令安装并启动服务:
macOS:curl -fsSL https://bun.sh/install | bash → 重启终端 → cd 到项目根目录 → bunx @modao-mcp/modao-proto-mcp --token=YOUR_TOKEN --url=https://modao.cc
Windows:用 PowerShell 运行 irm bun.sh/install.ps1 | iex → 同样 cd 到根目录 → bunx @modao-mcp/modao-proto-mcp --token=YOUR_TOKEN --url=https://modao.cc
服务成功启动后,终端会输出类似 “MCP server listening on http://127.0.0.1:3668/mcp” 的提示。此时不要关闭终端窗口——关闭即断连,Cursor 将无法发现服务。
在 Cursor 中接入墨刀 MCP
打开 Cursor → Ctrl+Shift+P(Windows)或 Cmd+Shift+P(macOS)→ 输入 “MCP: Open User Configuration” → 在打开的 mcp.json 文件中插入以下配置块:
{ "servers": { "modao": { "url": "http://127.0.0.1:3668/mcp", "type": "http" } } }
保存文件后,重新加载 Cursor 窗口(Ctrl+R)。然后在任意聊天输入框中键入 /mcp,若看到 modao 条目后标注 “connected”,说明已连通。若显示 “disconnected”,请检查终端是否仍在运行服务、端口是否被其他进程占用(如 Docker 或另一个 MCP 实例)。
用自然语言生成原型并落地
方法一:单步生成可预览 HTML
在 Cursor 聊天框输入:“用墨刀 MCP 生成一个带搜索栏和商品卡片网格的电商首页原型”,等待约 8~15 秒,将收到含预览链接、任务 ID 和 HTML 源码的响应。点击预览链接即可查看实时渲染效果,无需跳转墨刀网站。
方法二:两步走——先出描述再导出代码
第一步:输入 “为‘在线教育后台管理页’生成详细设计说明”,获取结构化文档,含页面模块划分、交互逻辑与状态说明;
第二步:紧接着输入 “把刚才的设计说明转成 React 组件代码,使用 Ant Design 组件库”,AI 将调用 generate_react 工具直接输出可粘贴进工程的 JSX + TypeScript 代码。
方法三:导入墨刀个人空间(需手动触发)
当收到 HTML 原型响应后,追加一句:“把上面生成的 HTML 导入我的墨刀个人空间”,墨刀 MCP 将自动创建新项目、上传资源、生成分享链接,并返回墨刀内该项目的直达 URL。这一步【不会覆盖你原有项目,但会占用一个新项目名额】,免费账户最多存 5 个项目。










