excalidraw-architect-mcp

通过AI生成和编辑Excalidraw架构图,分离结构与布局。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:excalidraw-architect-mcp。
它的用途是:通过AI生成和编辑Excalidraw架构图,分离结构与布局。
完整的 Skill 内容见:https://321skill.com/skills/excalidraw-architect-mcp/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我画一个微服务电商平台的架构图,包含用户服务、商品服务、订单服务、支付服务,用Kafka进行异步通信,用Redis做缓存,用PostgreSQL做持久化。” 它会调用此Skill,生成一个布局清晰、组件样式符合技术栈特征的Excalidraw文件。你还可以接着说:“在网关和用户服务之间加一个负载均衡器。” AI便能基于已有图表进行修改和更新。

介绍

当开发者面对复杂陌生的代码库、设计新系统或需要文档化现有架构时,传统的文本描述效率低下,而手动绘制架构图又耗时费力。excalidraw-architect-mcp解决了这一痛点,它让AI专注于描述系统组件和连接关系(即“结构”),而由MCP引擎自动处理复杂的布局、样式和渲染,生成清晰、美观的Excalidraw图表。

使用方式非常简单:在支持MCP的AI工具(如Cursor)中安装此Skill后,你可以直接用自然语言描述你想要绘制的系统架构,例如“绘制一个包含前端、API网关、订单服务和PostgreSQL数据库的电商系统架构图”。AI会理解你的意图,并调用此Skill生成对应的.excalidraw文件,你可以直接在Excalidraw中打开查看或进一步编辑。

这个Skill非常适合需要频繁进行技术沟通和文档工作的角色,例如后端开发、全栈开发、架构师以及项目经理。他们在进行系统设计评审、编写技术文档或为新成员讲解系统架构时,可以快速生成可视化素材,极大提升沟通效率。

建议在描述架构时尽量清晰、结构化,例如明确组件名称、类型(如Kafka、Redis)和连接关系。生成的图表可以作为迭代的基础,后续可以通过自然语言指令(如“在数据库前添加一个Redis缓存”)进行修改,实现“对话式”图表编辑。

核心特点

与同类工具的核心区别在于其“结构描述与自动布局分离”的范式:AI无需计算坐标,避免了图形重叠错乱;同时内置了针对50多种技术栈(如Kafka、PostgreSQL)的智能样式和专业的Sugiyama图布局算法,确保每次生成的都是布局合理、风格专业的图表。

注意事项

不适合用于生成需要高度自定义艺术风格或非标准图表元素(如非常规图标、复杂插图)的绘图。

常见问题

需要联网或API密钥吗?

不需要,该Skill完全离线运行,无需任何API密钥。

支持导出哪些格式?

支持将生成的.excalidraw文件导出为SVG和PNG格式。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/excalidraw-architect-mcp/raw/index.md 读取 excalidraw-architect-mcp 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。