cursor的MCP怎么配置使用?

1.需要用nxp 安装drawio

c 复制代码
{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": ["-y", "@next-ai-drawio/mcp-server@latest"]
    }
  }
}

怎么用 Cursor 里的 drawio MCP 画图(含提示词示例)

你现在的 drawio MCP 已经加载出工具了,使用方式就是:在聊天里用提示词让它生成/修改一个 draw.io 图(一般输出是 draw.io 的 XML/文件内容),然后把结果保存成 .drawio 文件并用 draw.io 打开。

基本流程

  • 新建图:让它"生成一个 draw.io diagram(XML)"
  • 保存 :把返回内容保存为 xxx.drawio
  • 打开查看/继续编辑 :用 draw.io(桌面版或网页版)打开这个 .drawio
  • 迭代修改 :把你当前 .drawio 的内容(或关键片段)贴回聊天,让它"在原图基础上改"

提示词写法模板(最稳)

把下面 4 点写清楚,成功率最高:

  • 图类型:流程图 / 时序图 / 架构图 / ER 图
  • 元素:有哪些节点、泳道、服务、表
  • 连线关系:谁到谁、什么条件、协议
  • 输出要求 :明确说"输出 draw.io 可导入的 XML,并放进一个 .drawio 文件内容里"

示例 1:生成一个登录流程图(流程图)

提示词(直接复制改字):

生成一个 draw.io 可导入的流程图(输出完整 XML)。

主题:Web 登录流程。

节点:开始、输入账号密码、参数校验、调用登录接口、验证成功?、生成 token、返回首页、提示错误并返回输入。

连线:按正常流程连接,失败分支回到输入。

布局:从上到下,节点对齐,成功分支在右侧。


示例 2:生成一个"前后端 + Redis + MySQL"架构图(架构图)

提示词:

生成 draw.io 架构图(输出完整 XML,可直接保存为 .drawio 打开)。

系统包含:Browser、Nginx、Web API(Node.js)、Redis、MySQL、Object Storage。

连接关系:Browser→Nginx→Web API;Web API↔Redis;Web API↔MySQL;Web API→Object Storage。

标注每条连线的协议/用途:HTTPS、HTTP、TCP、缓存、SQL、上传下载。

布局:左到右,分层清晰(访问层/服务层/数据层)。


示例 3:在"已有图"的基础上改(最常用)

提示词:

我下面贴的是当前 .drawio XML。请在不破坏现有布局的前提下:

  1. 新增一个 Auth Service 方块放在 Web API 右侧
  2. Web API 调用 Auth Service(HTTP)
  3. Auth Service 连接 MySQL(SQL)
    输出更新后的完整 draw.io XML。

(然后把你的 XML 粘贴出来)


小技巧(避免返工)

  • 你想要统一风格就加一句:"统一使用圆角矩形、同一配色、字号 12"
  • 你想要更好看就加一句:"自动对齐、均匀间距、避免线交叉"
  • 你要交付用就加一句:"图标题写在左上角:xxx;导出 A4 横向"
相关推荐
colofullove1 小时前
幂等设计与数据一致性:确保小说知识库的可靠更新
人工智能
庄小焱1 小时前
【AI模型】——基于知识图谱的RAG
人工智能·大模型·知识图谱·rag·ai模型·ai系统
❆VE❆1 小时前
python实战(一):对接AI大模型并应用
开发语言·人工智能·python·ai
格林威2 小时前
堡盟Baumer VCX系列工业相机供电与触发:网口(GigE) vs USB3.0
开发语言·人工智能·数码相机·计算机视觉·视觉检测·工业相机·高速相机
三毛的二哥2 小时前
BEV:感知抖动问题及解决办法
人工智能·算法·计算机视觉
光泽雨2 小时前
VM图像处理(1、图像二值化和图像滤波,Sobel提取过程)
图像处理·人工智能
美团技术团队2 小时前
LARYBench 发布:定义具身动作表征 ImageNet,首次度量从人类视频学习的泛化表征
人工智能
HERR_QQ2 小时前
dirving transformer详读
人工智能·深度学习·transformer
大龄程序员狗哥2 小时前
第34篇:自动化机器学习(AutoML)初探——让AI来设计AI(概念入门)
人工智能·机器学习·自动化