[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tool-lgazo--drawio-mcp-server":3,"similar-lgazo--drawio-mcp-server":183},{"id":4,"github_repo":5,"name":6,"description_en":7,"description_zh":8,"ai_summary_zh":9,"readme_en":10,"readme_zh":11,"quickstart_zh":12,"use_case_zh":13,"hero_image_url":14,"owner_login":15,"owner_name":16,"owner_avatar_url":17,"owner_bio":18,"owner_company":18,"owner_location":18,"owner_email":18,"owner_twitter":18,"owner_website":18,"owner_url":19,"languages":20,"stars":41,"forks":42,"last_commit_at":43,"license":44,"difficulty_score":45,"env_os":46,"env_gpu":47,"env_ram":47,"env_deps":48,"category_tags":55,"github_topics":18,"view_count":45,"oss_zip_url":18,"oss_zip_packed_at":18,"status":58,"created_at":59,"updated_at":60,"faqs":61,"releases":92},9821,"lgazo\u002Fdrawio-mcp-server","drawio-mcp-server","Draw.io Model Context Protocol (MCP) Server","drawio-mcp-server 是一款连接人工智能与主流绘图工具 Draw.io（Diagrams.net）的桥梁。它基于模型上下文协议（MCP），让 AI 助手能够直接读取、创建和修改图表文件，将原本需要手动拖拽的绘图过程转化为自动化的代码指令执行。\n\n这一工具主要解决了技术文档编写中“图文不同步”的痛点。以往开发者或架构师在更新系统设计时，往往需要反复调整图表以匹配最新逻辑，耗时且易出错。通过 drawio-mcp-server，用户只需向 AI 描述需求，即可自动生成或更新架构图、流程图及视觉文档，大幅提升了文档维护效率。\n\n它非常适合软件开发者、系统架构师以及需要频繁产出技术文档的研究人员使用。只要您习惯使用 Claude Desktop、Zed 或 Codex 等支持 MCP 的客户端，就能轻松集成此能力。\n\n在技术亮点方面，drawio-mcp-server 支持 XML、SVG 及 PNG 等多种格式的导入导出，并具备精细的几何控制能力，如自动路由连线和处理复杂的父子层级关系。值得一提的是，它内置了独立的 Draw.io 编辑器模式，无需安装浏览器插件即可运行，同时也","drawio-mcp-server 是一款连接人工智能与主流绘图工具 Draw.io（Diagrams.net）的桥梁。它基于模型上下文协议（MCP），让 AI 助手能够直接读取、创建和修改图表文件，将原本需要手动拖拽的绘图过程转化为自动化的代码指令执行。\n\n这一工具主要解决了技术文档编写中“图文不同步”的痛点。以往开发者或架构师在更新系统设计时，往往需要反复调整图表以匹配最新逻辑，耗时且易出错。通过 drawio-mcp-server，用户只需向 AI 描述需求，即可自动生成或更新架构图、流程图及视觉文档，大幅提升了文档维护效率。\n\n它非常适合软件开发者、系统架构师以及需要频繁产出技术文档的研究人员使用。只要您习惯使用 Claude Desktop、Zed 或 Codex 等支持 MCP 的客户端，就能轻松集成此能力。\n\n在技术亮点方面，drawio-mcp-server 支持 XML、SVG 及 PNG 等多种格式的导入导出，并具备精细的几何控制能力，如自动路由连线和处理复杂的父子层级关系。值得一提的是，它内置了独立的 Draw.io 编辑器模式，无需安装浏览器插件即可运行，同时也保留了通过浏览器扩展连接现有页面的灵活性，为不同偏好的用户提供了便捷的选择。","# Draw.io MCP server\n\nLet's do some Vibe Diagramming with the most wide-spread diagramming tool called Draw.io (Diagrams.net).\n\n[![Discord channel](https:\u002F\u002Fshields.io\u002Fstatic\u002Fv1?logo=discord&message=draw.io%20mcp&label=chat&color=5865F2&logoColor=white)](https:\u002F\u002Fdiscord.gg\u002FdM4PWdf42q)\n[![Build project](https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Factions\u002Fworkflows\u002Fserver-ci.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Factions\u002Fworkflows\u002Fserver-ci.yml)\n[![Verified on MseeP](https:\u002F\u002Fmseep.ai\u002Fbadge.svg)](https:\u002F\u002Fmseep.ai\u002Fapp\u002F5fc2b7fe-8ceb-4683-97bd-6d31e07b5888)\n[![Version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fdrawio-mcp-server)](https:\u002F\u002Fnpmjs.com\u002Fpackage\u002Fdrawio-mcp-server)\n\n## Key Highlights\n\n- Import and export diagrams from\u002Fto XML, SVG (with embedded XML), or PNG (with embedded XML) ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- Edge geometry control with waypoints and automatic self-connector routing ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- Parent-child relationships for nested shapes and grouping ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- Unified Server and Extension in the same mono-repo ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- Built-in Draw.io editor - no browser extension required ![v1.8.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv1.8.0-blue)\n- MCP server that lets AI agents control Draw.io diagrams\n- Programmatic diagram creation, inspection, and modification via MCP tools\n- Layer management for complex diagrams\n- Works with any MCP client (Claude Desktop, Claude Code, Zed, Codex, etc.)\n\n## Introduction\n\nThe Draw.io MCP server brings Draw.io diagramming capabilities to AI agents. It provides MCP tools that can create, read, update, and delete diagram elements - letting AI assistants build architectural diagrams, flowcharts, and visual documentation automatically.\n\nTwo ways to use:\n1. **Built-in editor** - Server hosts Draw.io directly, accessible in your browser\n2. **Browser extension** - Connect to Draw.io running in your browser via extension\n\n## Requirements\n\n- **Node.js** (v20 or higher) - Runtime environment for the MCP server\n- **MCP client** - Claude Desktop, Claude Code, Zed, Codex, OpenCode, or any MCP-compatible host\n\n### For Built-in Editor\nNo additional requirements - runs out of the box with `--editor` flag.\n\n### For Browser Extension\n- **Browser extension** - [drawio-mcp-extension](.\u002Fpackages\u002Fdrawio-mcp-extension\u002FREADME.md)\n- Draw.io open in your browser\n\n### Optional\n- **pnpm** - Preferred package manager (npm works fine too)\n\n## Quick Start\n\n### 1. Configure your MCP host\n\nAdd the server to your MCP client configuration:\n\n\u003Cdetails>\n  \u003Csummary>Claude Desktop\u003C\u002Fsummary>\n\nEdit `~\u002FLibrary\u002FApplication Support\u002FClaude\u002Fclaude_desktop_config.json`:\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\", \"--editor\"]\n    }\n  }\n}\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Claude Code\u003C\u002Fsummary>\n\n```sh\nclaude mcp add-json drawio '{\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"drawio-mcp-server\",\"--editor\"]}'\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Zed\u003C\u002Fsummary>\n\nAdd to `~\u002F.config\u002Fzed\u002Fsettings.json`:\n\n```json\n{\n  \"context_servers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\", \"--editor\"],\n      \"env\": {}\n    }\n  }\n}\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Codex\u003C\u002Fsummary>\n\nEdit `~\u002F.codex\u002Fconfig.toml`:\n\n```toml\n[mcp_servers.drawio]\ncommand = \"npx\"\nargs = [\"-y\", \"drawio-mcp-server\", \"--editor\"]\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>OpenCode\u003C\u002Fsummary>\n\nAdd to `opencode.json` in your project root or `~\u002F.config\u002Fopencode\u002Fopencode.json`:\n\n```jsonc\n{\n  \"$schema\": \"https:\u002F\u002Fopencode.ai\u002Fconfig.json\",\n  \"mcp\": {\n    \"drawio\": {\n      \"type\": \"local\",\n      \"command\": [\"npx\", \"-y\", \"drawio-mcp-server\", \"--editor\"],\n      \"enabled\": true\n    }\n  }\n}\n```\n\u003C\u002Fdetails>\n\nFor other MCP clients and detailed configuration (including pnpm options), see [Configuration](.\u002FCONFIG.md).\n\n### 2. Open the editor\n\nAfter restarting your MCP host, open: **http:\u002F\u002Flocalhost:3000\u002F**\n\n### 3. Start diagramming\n\nExample prompts you can try:\n\n> \"Create an event-driven architecture diagram showing a message queue with producers, consumers, and three backend services\"\n\n> \"Draw a CRUD API diagram with a database, API gateway, and four microservices with their endpoints\"\n\n> \"Add a new layer called 'Background' and move all decorative elements to it, then create a new layer for annotations\"\n\nYour AI assistant can now control the diagram using MCP tools.\n\n## Features\n\nThe server provides MCP tools for:\n\n- **Diagram inspection** - read shapes, layers, and cell properties\n- **Diagram modification** - add\u002Fedit\u002Fdelete shapes, edges, and labels\n- **Layer management** - create, switch, and organize layers\n\nSee [Tools Reference](.\u002FTOOLS.md) for the complete list of available tools.\n\n## Installation\n\nThe server runs as part of your MCP host. Detailed configuration for all supported clients (Claude Desktop, Claude Code, Zed, Codex, oterm) including npm and pnpm options is available in [Configuration](.\u002FCONFIG.md).\n\n## Alternative: Browser Extension\n\nInstead of the built-in editor, you can use the [browser extension](.\u002Fpackages\u002Fdrawio-mcp-extension\u002FREADME.md) to connect to Draw.io running in your browser. This works with or without the `--editor` flag.\n\n1. Open [Draw.io in your browser](https:\u002F\u002Fapp.diagrams.net\u002F)\n2. Install the Draw.io MCP Browser Extension:\n   - [Chrome Web Store](https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fdrawio-mcp-extension\u002Fokdbbjbbccdhhfaefmcmekalmmdjjide)\n   - [Firefox Add-ons](https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Fdrawio-mcp-extension\u002F)\n3. Ensure the extension is connected (green signal overlay on icon)\n\nConfiguration without `--editor`:\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\"]\n    }\n  }\n}\n```\n\nSee the [extension documentation](.\u002Fpackages\u002Fdrawio-mcp-extension\u002FREADME.md) for more details.\n\n## Related Resources\n\n[Configuration](.\u002FCONFIG.md) - CLI flags and advanced options\n\n[Tools Reference](.\u002FTOOLS.md) - Complete MCP tools documentation\n\n[Troubleshooting](.\u002FTROUBLESHOOTING.md)\n\n[Prompt examples](.\u002Fdocs\u002Fexamples\u002Findex.md)\n\n[Contributing](.\u002FCONTRIBUTING.md)\n\n[Architecture](.\u002FARCHITECTURE.md)\n\n[Development](.\u002FDEVELOPMENT.md)\n\n## Star History\n\n\u003Ca href=\"https:\u002F\u002Fstar-history.com\u002F#lgazo\u002Fdrawio-mcp-server&Date\">\n \u003Cpicture>\n   \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_82f45fd20c28.png&theme=dark\" \u002F>\n   \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_82f45fd20c28.png\" \u002F>\n   \u003Cimg alt=\"Star History Chart\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_82f45fd20c28.png\" \u002F>\n \u003C\u002Fpicture>\n\u003C\u002Fa>\n\n## Assessments\n\n[![MSeeP.ai Security Assessment Badge](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_993a82282f9c.png)](https:\u002F\u002Fmseep.ai\u002Fapp\u002Flgazo-drawio-mcp-server)\n","# Draw.io MCP 服务器\n\n让我们使用最流行的绘图工具 Draw.io (Diagrams.net) 进行一些 Vibe 图表绘制吧。\n\n[![Discord 频道](https:\u002F\u002Fshields.io\u002Fstatic\u002Fv1?logo=discord&message=draw.io%20mcp&label=chat&color=5865F2&logoColor=white)](https:\u002F\u002Fdiscord.gg\u002FdM4PWdf42q)\n[![构建项目](https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Factions\u002Fworkflows\u002Fserver-ci.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Factions\u002Fworkflows\u002Fserver-ci.yml)\n[![在 MseeP 上验证](https:\u002F\u002Fmseep.ai\u002Fbadge.svg)](https:\u002F\u002Fmseep.ai\u002Fapp\u002F5fc2b7fe-8ceb-4683-97bd-6d31e07b5888)\n[![版本](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fdrawio-mcp-server)](https:\u002F\u002Fnpmjs.com\u002Fpackage\u002Fdrawio-mcp-server)\n\n## 核心亮点\n\n- 支持从 XML、SVG（含嵌入式 XML）或 PNG（含嵌入式 XML）导入和导出图表 ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- 边线几何控制，支持路径点和自动自连接路由 ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- 父子关系用于嵌套形状和分组 ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- 统一的服务器和扩展在同一 monorepo 中 ![v2.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv2.0.0-blue)\n- 内置 Draw.io 编辑器，无需浏览器扩展 ![v1.8.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fv1.8.0-blue)\n- MCP 服务器使 AI 代理能够控制 Draw.io 图表\n- 通过 MCP 工具进行程序化图表创建、检查和修改\n- 复杂图表的图层管理\n- 可与任何 MCP 客户端（Claude Desktop、Claude Code、Zed、Codex 等）配合使用\n\n## 简介\n\nDraw.io MCP 服务器将 Draw.io 的绘图功能引入到 AI 代理中。它提供了可以创建、读取、更新和删除图表元素的 MCP 工具，使 AI 助手能够自动构建架构图、流程图和可视化文档。\n\n使用方式有两种：\n1. **内置编辑器** - 服务器直接托管 Draw.io，可在您的浏览器中访问\n2. **浏览器扩展** - 通过扩展连接到您浏览器中运行的 Draw.io\n\n## 要求\n\n- **Node.js**（v20 或更高版本）- MCP 服务器的运行时环境\n- **MCP 客户端** - Claude Desktop、Claude Code、Zed、Codex、OpenCode，或任何兼容 MCP 的主机\n\n### 对于内置编辑器\n无额外要求 - 使用 `--editor` 标志即可开箱即用。\n\n### 对于浏览器扩展\n- **浏览器扩展** - [drawio-mcp-extension](.\u002Fpackages\u002Fdrawio-mcp-extension\u002FREADME.md)\n- 您的浏览器中已打开 Draw.io\n\n### 可选\n- **pnpm** - 推荐的包管理器（npm 也可以正常工作）\n\n## 快速开始\n\n### 1. 配置您的 MCP 主机\n\n将服务器添加到您的 MCP 客户端配置中：\n\n\u003Cdetails>\n  \u003Csummary>Claude Desktop\u003C\u002Fsummary>\n\n编辑 `~\u002FLibrary\u002FApplication Support\u002FClaude\u002Fclaude_desktop_config.json`：\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\", \"--editor\"]\n    }\n  }\n}\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Claude Code\u003C\u002Fsummary>\n\n```sh\nclaude mcp add-json drawio '{\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"drawio-mcp-server\",\"--editor\"]}'\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Zed\u003C\u002Fsummary>\n\n添加到 `~\u002F.config\u002Fzed\u002Fsettings.json`：\n\n```json\n{\n  \"context_servers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\", \"--editor\"],\n      \"env\": {}\n    }\n  }\n}\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>Codex\u003C\u002Fsummary>\n\n编辑 `~\u002F.codex\u002Fconfig.toml`：\n\n```toml\n[mcp_servers.drawio]\ncommand = \"npx\"\nargs = [\"-y\", \"drawio-mcp-server\", \"--editor\"]\n```\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n  \u003Csummary>OpenCode\u003C\u002Fsummary>\n\n添加到您项目根目录下的 `opencode.json` 或 `~\u002F.config\u002Fopencode\u002Fopencode.json`：\n\n```jsonc\n{\n  \"$schema\": \"https:\u002F\u002Fopencode.ai\u002Fconfig.json\",\n  \"mcp\": {\n    \"drawio\": {\n      \"type\": \"local\",\n      \"command\": [\"npx\", \"-y\", \"drawio-mcp-server\", \"--editor\"],\n      \"enabled\": true\n    }\n  }\n}\n```\n\u003C\u002Fdetails>\n\n有关其他 MCP 客户端及详细配置（包括 pnpm 选项），请参阅 [配置](.\u002FCONFIG.md)。\n\n### 2. 打开编辑器\n\n重启您的 MCP 主机后，打开：**http:\u002F\u002Flocalhost:3000\u002F**\n\n### 3. 开始绘图\n\n您可以尝试以下示例提示：\n\n> “创建一个事件驱动架构图，展示包含生产者、消费者和三个后端服务的消息队列”\n\n> “绘制一个 CRUD API 图，包含数据库、API 网关和四个带有端点的微服务”\n\n> “添加一个名为‘背景’的新层，并将所有装饰性元素移动到该层，然后为注释创建一个新的层”\n\n现在，您的 AI 助手可以使用 MCP 工具来控制图表了。\n\n## 功能\n\n服务器提供以下 MCP 工具：\n\n- **图表检查** - 读取形状、层和单元格属性\n- **图表修改** - 添加\u002F编辑\u002F删除形状、边线和标签\n- **图层管理** - 创建、切换和组织图层\n\n完整的可用工具列表，请参阅 [工具参考](.\u002FTOOLS.md)。\n\n## 安装\n\n服务器作为您 MCP 主机的一部分运行。针对所有支持客户端（Claude Desktop、Claude Code、Zed、Codex、oterm）的详细配置，包括 npm 和 pnpm 选项，均可在 [配置](.\u002FCONFIG.md) 中找到。\n\n## 替代方案：浏览器扩展\n\n除了内置编辑器之外，您还可以使用 [浏览器扩展](.\u002Fpackages\u002Fdrawio-mcp-extension\u002FREADME.md) 来连接到您浏览器中运行的 Draw.io。无论是否使用 `--editor` 标志，此方法均可适用。\n\n1. 在您的浏览器中打开 [Draw.io](https:\u002F\u002Fapp.diagrams.net\u002F)\n2. 安装 Draw.io MCP 浏览器扩展：\n   - [Chrome 网上应用店](https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fdrawio-mcp-extension\u002Fokdbbjbbccdhhfaefmcmekalmmdjjide)\n   - [Firefox 附加组件](https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Fdrawio-mcp-extension\u002F)\n3. 确保扩展已连接（图标上显示绿色信号叠加）\n\n不使用 `--editor` 标志的配置：\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\"]\n    }\n  }\n}\n```\n\n更多详情请参阅 [扩展文档](.\u002Fpackages\u002Fdrawio-mcp-extension\u002FREADME.md)。\n\n## 相关资源\n\n[配置](.\u002FCONFIG.md) - CLI 标志和高级选项\n\n[工具参考](.\u002FTOOLS.md) - 完整的 MCP 工具文档\n\n[故障排除](.\u002FTROUBLESHOOTING.md)\n\n[提示示例](.\u002Fdocs\u002Fexamples\u002Findex.md)\n\n[贡献指南](.\u002FCONTRIBUTING.md)\n\n[架构](.\u002FARCHITECTURE.md)\n\n[开发](.\u002FDEVELOPMENT.md)\n\n## 星标历史\n\n\u003Ca href=\"https:\u002F\u002Fstar-history.com\u002F#lgazo\u002Fdrawio-mcp-server&Date\">\n \u003Cpicture>\n   \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_82f45fd20c28.png&theme=dark\" \u002F>\n   \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_82f45fd20c28.png\" \u002F>\n   \u003Cimg alt=\"星标历史图\" src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_82f45fd20c28.png\" \u002F>\n \u003C\u002Fpicture>\n\u003C\u002Fa>\n\n## 评估\n\n[![MSeeP.ai 安全评估徽章](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_readme_993a82282f9c.png)](https:\u002F\u002Fmseep.ai\u002Fapp\u002Flgazo-drawio-mcp-server)","# drawio-mcp-server 快速上手指南\n\ndrawio-mcp-server 是一个 MCP（Model Context Protocol）服务器，允许 AI 助手（如 Claude、Codex 等）直接控制 Draw.io (Diagrams.net) 创建、检查和修改图表。它支持内置编辑器模式，无需安装浏览器插件即可开始工作。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n*   **Node.js**: 版本 v20 或更高。\n    *   检查版本：`node -v`\n    *   下载地址：[Node.js 官网](https:\u002F\u002Fnodejs.org\u002F) 或使用 [nvm](https:\u002F\u002Fgithub.com\u002Fnvm-sh\u002Fnvm) 管理。\n*   **MCP 客户端**: 已安装并配置好任意兼容的 MCP 宿主软件，例如：\n    *   Claude Desktop\n    *   Claude Code\n    *   Zed Editor\n    *   Codex\n    *   OpenCode\n*   **包管理器** (可选): 推荐使用 `pnpm`，标准的 `npm` 同样适用。\n\n## 安装步骤\n\n本工具无需全局安装，通过配置 MCP 客户端使用 `npx` 直接运行即可。以下是主流客户端的配置方法：\n\n### 1. Claude Desktop\n编辑配置文件 `~\u002FLibrary\u002FApplication Support\u002FClaude\u002Fclaude_desktop_config.json` (macOS) 或 `%APPDATA%\\Claude\\claude_desktop_config.json` (Windows)，添加以下内容：\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\", \"--editor\"]\n    }\n  }\n}\n```\n\n### 2. Claude Code\n在终端中运行以下命令直接添加配置：\n\n```sh\nclaude mcp add-json drawio '{\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\", \"drawio-mcp-server\", \"--editor\"]}'\n```\n\n### 3. Zed Editor\n编辑配置文件 `~\u002F.config\u002Fzed\u002Fsettings.json`，添加：\n\n```json\n{\n  \"context_servers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"drawio-mcp-server\", \"--editor\"],\n      \"env\": {}\n    }\n  }\n}\n```\n\n### 4. Codex\n编辑配置文件 `~\u002F.codex\u002Fconfig.toml`，添加：\n\n```toml\n[mcp_servers.drawio]\ncommand = \"npx\"\nargs = [\"-y\", \"drawio-mcp-server\", \"--editor\"]\n```\n\n### 5. OpenCode\n在项目根目录的 `opencode.json` 或全局配置 `~\u002F.config\u002Fopencode\u002Fopencode.json` 中添加：\n\n```jsonc\n{\n  \"$schema\": \"https:\u002F\u002Fopencode.ai\u002Fconfig.json\",\n  \"mcp\": {\n    \"drawio\": {\n      \"type\": \"local\",\n      \"command\": [\"npx\", \"-y\", \"drawio-mcp-server\", \"--editor\"],\n      \"enabled\": true\n    }\n  }\n}\n```\n\n> **注意**：参数 `--editor` 表示启用内置编辑器模式。若需使用浏览器扩展模式，请移除该参数并参考官方文档安装对应扩展。\n\n## 基本使用\n\n配置完成后，请重启您的 MCP 客户端软件。\n\n### 第一步：打开编辑器\n在浏览器中访问内置编辑器地址：\n**http:\u002F\u002Flocalhost:3000\u002F**\n\n### 第二步：让 AI 绘制图表\n在您的 AI 对话界面（如 Claude Desktop 聊天窗口）中，直接发送自然语言指令，AI 将调用 MCP 工具自动绘图。\n\n**示例指令 1：创建架构图**\n> \"Create an event-driven architecture diagram showing a message queue with producers, consumers, and three backend services\"\n> （创建一个事件驱动架构图，展示包含生产者、消费者和三个后端服务的消息队列）\n\n**示例指令 2：绘制 API 流程图**\n> \"Draw a CRUD API diagram with a database, API gateway, and four microservices with their endpoints\"\n> （绘制一个 CRUD API 图，包含数据库、API 网关以及四个带有端点的微服务）\n\n**示例指令 3：管理图层**\n> \"Add a new layer called 'Background' and move all decorative elements to it, then create a new layer for annotations\"\n> （添加一个名为'Background'的新图层，将所有装饰元素移入其中，然后创建一个新图层用于标注）\n\n现在，您可以像与设计师协作一样，通过对话让 AI 帮您完成复杂的图表绘制工作。","某后端架构师正在为团队设计一套新的微服务通信流程，需要快速产出包含服务节点、消息队列及异常处理逻辑的复杂时序图。\n\n### 没有 drawio-mcp-server 时\n- **手动绘图耗时**：必须亲自打开 Draw.io 界面，逐个拖拽形状、调整连线样式和布局，将大量时间浪费在重复的机械操作上。\n- **上下文切换频繁**：需要在代码编辑器、需求文档和绘图工具之间反复跳转，打断编程心流，导致思路不连贯。\n- **修改维护困难**：当业务逻辑发生变更（如增加重试机制），需重新手动调整整个图表结构，极易出现图文不一致的情况。\n- **协作门槛高**：非技术背景的产品经理若想查看或微调流程，往往因不熟悉绘图工具操作而无法直接参与讨论。\n\n### 使用 drawio-mcp-server 后\n- **自然语言生成**：只需在 Claude Desktop 或 Cursor 中描述“创建一个包含用户认证和订单处理的时序图”，drawio-mcp-server 即可自动调用工具生成完整的 XML 并渲染出图。\n- **无缝集成工作流**：直接在 IDE 或对话窗口中通过 MCP 协议指挥 drawio-mcp-server 创建、读取或修改图表元素，无需离开当前开发环境。\n- **动态即时更新**：口头指令“在支付节点后增加一个超时重试分支”，drawio-mcp-server 能精准定位并自动重排连线与节点，秒级完成迭代。\n- **结构化数据交互**：利用其支持的层级管理和边缘几何控制功能，生成的图表不仅美观，还能保持严格的父子分组关系，便于后续程序化解析。\n\ndrawio-mcp-server 将繁琐的绘图工作转化为简单的自然语言交互，让开发者能专注于架构逻辑本身而非图形绘制细节。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Flgazo_drawio-mcp-server_03f66d93.png","lgazo","Ladislav Gazo","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Flgazo_d7e6a0b5.jpg",null,"https:\u002F\u002Fgithub.com\u002Flgazo",[21,25,29,33,37],{"name":22,"color":23,"percentage":24},"TypeScript","#3178c6",90,{"name":26,"color":27,"percentage":28},"JavaScript","#f1e05a",6.4,{"name":30,"color":31,"percentage":32},"CSS","#663399",2.9,{"name":34,"color":35,"percentage":36},"Dockerfile","#384d54",0.6,{"name":38,"color":39,"percentage":40},"HTML","#e34c26",0.2,1157,104,"2026-04-18T19:37:00","MIT",2,"Linux, macOS, Windows","未说明",{"notes":49,"python":50,"dependencies":51},"该工具基于 Node.js 运行，非 Python 项目。支持两种模式：1. 内置编辑器模式（启动本地服务器，访问 localhost:3000）；2. 浏览器扩展模式（需安装 Chrome 或 Firefox 扩展并连接云端 Draw.io）。需配合支持 MCP 协议的客户端（如 Claude Desktop, Zed 等）使用。","不需要",[52,53,54],"Node.js v20+","pnpm (可选)","npx",[56,57],"Agent","插件","ready","2026-03-27T02:49:30.150509","2026-04-20T07:17:16.237750",[62,67,72,77,82,87],{"id":63,"question_zh":64,"answer_zh":65,"source_url":66},44097,"遇到 'Failed to validate tool mcp_drawio_list-paged-model' 错误怎么办？","该问题通常由 OpenAI 或 Claude 模型对工具参数 schema 的严格要求引起（特别是 `attributes` 数组缺少 `items` 定义）。请升级 drawio-mcp-server 到 1.1.3 或更高版本，该版本已修复此 schema 验证问题。如果问题依旧，请检查是否使用了 DeepSeek 等对 schema 容忍度较高的模型作为临时替代方案。","https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fissues\u002F14",{"id":68,"question_zh":69,"answer_zh":70,"source_url":71},44098,"如何构建 draw.io 浏览器扩展插件？","在克隆 drawio-mcp-extension 项目后，确保已安装 pnpm，然后在项目根目录下运行命令 `pnpm run build` 即可构建浏览器扩展。构建完成后需按照文档加载到浏览器中。","https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fissues\u002F2",{"id":73,"question_zh":74,"answer_zh":75,"source_url":76},44099,"MCP Server 可以直接生成 draw.io XML 文件而不通过浏览器插件吗？","可以。从 v2.0.3 版本开始，服务器支持直接生成 XML 格式文件的功能，这解决了通过浏览器插件交互速度慢的问题。请确保将 drawio-mcp-server 升级到 v2.0.3 或更高版本以使用此功能。","https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fissues\u002F22",{"id":78,"question_zh":79,"answer_zh":80,"source_url":81},44100,"调用 edit-cell 或 edit-edge 工具时服务器挂起无响应怎么办？","这通常是因为浏览器扩展版本过旧，无法处理新的编辑请求。请确保同时更新 drawio-mcp-server 和 drawio-mcp-extension（Chrome 扩展）到最新版本（至少为 1.4.0 版）。只有两端都升级后，扩展才能正确响应编辑指令并返回结果。","https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fissues\u002F30",{"id":83,"question_zh":84,"answer_zh":85,"source_url":86},44101,"启动 MCP Server 时出现 'Request timed out' (-32001) 错误如何解决？","该问题常出现在 Firefox 插件环境中，由于内容安全策略 (CSP) 阻止了内联脚本执行导致通信超时。建议改用 Google Chrome 浏览器及其对应的扩展插件，目前在 Chrome 环境下通信正常。此外，避免在 draw.io 中直接从设备打开文件，这也会破坏通信连接。","https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fissues\u002F13",{"id":88,"question_zh":89,"answer_zh":90,"source_url":91},44102,"调用 get-shape-categories 工具返回 undefined 或系统挂起怎么办？","这通常是因为 MCP 客户端（如 Cline）未正确终止服务器进程导致连接状态异常。请将 drawio-mcp-extension 升级到 v1.2.0 或更高版本，该版本增加了 'Ping' 和 'Reconnect' 按钮，具有指数退避的重连机制，可手动恢复断开的连接。","https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fissues\u002F7",[93,98,103,108,113,118,123,128,133,138,143,148,153,158,163,168,173,178],{"id":94,"version":95,"summary_zh":96,"released_at":97},351654,"v2.0.4","服务器 2.0.4 \u002F 扩展 2.0.1\n\n## 变更内容\n* 依赖项安全升级\n* 扩展注册中缺少导出工具定义\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv2.0.3...v2.0.4","2026-04-10T16:03:01",{"id":99,"version":100,"summary_zh":101,"released_at":102},351655,"v2.0.3","## 变更内容\n- 支持从 XML、SVG（带嵌入式 XML）或 PNG（带嵌入式 XML）导入和导出图表\n- 通过路径点和自动自连接线布线控制边的几何形状\n- 嵌套形状和分组的父子关系\n- 将服务器和扩展程序统一到同一个单仓库中\n\n**完整变更日志**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.8.0...v2.0.3","2026-04-01T10:18:47",{"id":104,"version":105,"summary_zh":106,"released_at":107},351656,"v1.8.0","## 变更内容\n* 功能：内置 Draw.io 编辑器——无需浏览器扩展\n* 功能：@leisefuxX 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F42 中添加了无发行版的 Docker 容器\n\n## 新贡献者\n* @leisefuxX 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F42 中完成了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.7.0...v1.8.0","2026-02-23T20:21:05",{"id":109,"version":110,"summary_zh":111,"released_at":112},351657,"v1.7.0","**完整更新日志**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.6.0...v1.7.0","2026-02-12T10:31:39",{"id":114,"version":115,"summary_zh":116,"released_at":117},351658,"v1.6.0","## 变更内容\n* 修复：由 @Efan404 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F37 中修正了 Zed MCP 服务器的配置结构\n* 新增：由 @lwsinclair 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F18 中添加了 MSeeP.ai 徽章\n* 功能：由 @twrb 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F39 中新增了图层管理工具\n\n## 新贡献者\n* @Efan404 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F37 中完成了首次贡献\n* @lwsinclair 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F18 中完成了首次贡献\n* @twrb 在 https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fpull\u002F39 中完成了首次贡献\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.5.0...v1.6.0","2026-01-28T08:44:21",{"id":119,"version":120,"summary_zh":121,"released_at":122},351659,"v1.5.0","**完整更新日志**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.4.0...v1.5.0","2025-12-23T16:09:27",{"id":124,"version":125,"summary_zh":126,"released_at":127},351660,"v1.4.0","**完整更新日志**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.3.0...v1.4.0","2025-12-04T19:06:40",{"id":129,"version":130,"summary_zh":131,"released_at":132},351661,"v1.3.0","**完整更新日志**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.2.1...v1.3.0","2025-10-28T21:47:18",{"id":134,"version":135,"summary_zh":136,"released_at":137},351662,"v1.2.1","**完整更新日志**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.2.0...v1.2.1","2025-09-05T21:50:45",{"id":139,"version":140,"summary_zh":141,"released_at":142},351663,"v1.2.0","**完整更新日志**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.1.3...v1.2.0","2025-09-05T21:08:42",{"id":144,"version":145,"summary_zh":146,"released_at":147},351664,"v1.1.3","**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.1.2...v1.1.3","2025-09-02T18:52:44",{"id":149,"version":150,"summary_zh":151,"released_at":152},351665,"v1.1.2","**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.1.1...v1.1.2","2025-08-16T11:40:12",{"id":154,"version":155,"summary_zh":156,"released_at":157},351666,"v1.1.1","**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.1.0...v1.1.1","2025-08-16T10:52:04",{"id":159,"version":160,"summary_zh":161,"released_at":162},351667,"v1.1.0","**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.0.3...v1.1.0","2025-07-31T06:40:51",{"id":164,"version":165,"summary_zh":166,"released_at":167},351668,"v1.0.3","**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.0.2...v1.0.3","2025-06-27T16:50:03",{"id":169,"version":170,"summary_zh":171,"released_at":172},351669,"v1.0.2","**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.0.1...v1.0.2","2025-05-13T21:00:22",{"id":174,"version":175,"summary_zh":176,"released_at":177},351670,"v1.0.1","**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcompare\u002Fv1.0.0...v1.0.1","2025-05-12T20:15:53",{"id":179,"version":180,"summary_zh":181,"released_at":182},351671,"v1.0.0","Initial version of Draw.io MCP server that should be available from the NPM registry as well.\r\n\r\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002Flgazo\u002Fdrawio-mcp-server\u002Fcommits\u002Fv1.0.0","2025-05-04T20:44:20",[184,196,204,213,222,230],{"id":185,"name":186,"github_repo":187,"description_zh":188,"stars":189,"difficulty_score":190,"last_commit_at":191,"category_tags":192,"status":58},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[56,193,194,195],"开发框架","图像","数据工具",{"id":197,"name":198,"github_repo":199,"description_zh":200,"stars":201,"difficulty_score":190,"last_commit_at":202,"category_tags":203,"status":58},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,"2026-04-05T11:01:52",[193,194,56],{"id":205,"name":206,"github_repo":207,"description_zh":208,"stars":209,"difficulty_score":45,"last_commit_at":210,"category_tags":211,"status":58},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",160784,"2026-04-19T11:32:54",[193,56,212],"语言模型",{"id":214,"name":215,"github_repo":216,"description_zh":217,"stars":218,"difficulty_score":219,"last_commit_at":220,"category_tags":221,"status":58},8272,"opencode","anomalyco\u002Fopencode","OpenCode 是一款开源的 AI 编程助手（Coding Agent），旨在像一位智能搭档一样融入您的开发流程。它不仅仅是一个代码补全插件，而是一个能够理解项目上下文、自主规划任务并执行复杂编码操作的智能体。无论是生成全新功能、重构现有代码，还是排查难以定位的 Bug，OpenCode 都能通过自然语言交互高效完成，显著减少开发者在重复性劳动和上下文切换上的时间消耗。\n\n这款工具专为软件开发者、工程师及技术研究人员设计，特别适合希望利用大模型能力来提升编码效率、加速原型开发或处理遗留代码维护的专业人群。其核心亮点在于完全开源的架构，这意味着用户可以审查代码逻辑、自定义行为策略，甚至私有化部署以保障数据安全，彻底打破了传统闭源 AI 助手的“黑盒”限制。\n\n在技术体验上，OpenCode 提供了灵活的终端界面（Terminal UI）和正在测试中的桌面应用程序，支持 macOS、Windows 及 Linux 全平台。它兼容多种包管理工具，安装便捷，并能无缝集成到现有的开发环境中。无论您是追求极致控制权的资深极客，还是渴望提升产出的独立开发者，OpenCode 都提供了一个透明、可信",144296,1,"2026-04-16T14:50:03",[56,57],{"id":223,"name":224,"github_repo":225,"description_zh":226,"stars":227,"difficulty_score":45,"last_commit_at":228,"category_tags":229,"status":58},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",109154,"2026-04-18T11:18:24",[193,194,56],{"id":231,"name":232,"github_repo":233,"description_zh":234,"stars":235,"difficulty_score":45,"last_commit_at":236,"category_tags":237,"status":58},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[57,56,194,193]]