docs: add multi-client installation instructions for MCP server

This commit is contained in:
Dayuan Jiang
2025-12-17 12:36:45 +09:00
parent f6eeeb0d5b
commit 0c95e829f0
4 changed files with 107 additions and 43 deletions

View File

@@ -93,7 +93,7 @@ https://github.com/user-attachments/assets/b2eef5f3-b335-4e71-a755-dc2e80931979
> **预览功能**:此功能为实验性功能,可能会有变化。
通过MCP模型上下文协议在Claude DesktopCursor等AI代理中使用Next AI Draw.io。
通过MCP模型上下文协议在Claude DesktopCursor和VS Code等AI代理中使用Next AI Draw.io。
```bash
npx -y @next-ai-drawio/mcp-server
@@ -114,12 +114,18 @@ npx -y @next-ai-drawio/mcp-server
}
```
### Claude Code CLI
```bash
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
```
然后让Claude创建图表
> "创建一个展示用户认证流程的流程图包含登录、MFA和会话管理"
图表会实时显示在浏览器中!
详情请参阅[MCP服务器README](../packages/mcp-server/README.md)。
详情请参阅[MCP服务器README](../packages/mcp-server/README.md)了解VS Code、Cursor等客户端配置
## 快速开始

View File

@@ -93,7 +93,7 @@ https://github.com/user-attachments/assets/b2eef5f3-b335-4e71-a755-dc2e80931979
> **プレビュー機能**:この機能は実験的であり、変更される可能性があります。
MCPModel Context Protocolを介して、Claude DesktopCursorなどのAIエージェントでNext AI Draw.ioを使用できます。
MCPModel Context Protocolを介して、Claude DesktopCursor、VS CodeなどのAIエージェントでNext AI Draw.ioを使用できます。
```bash
npx -y @next-ai-drawio/mcp-server
@@ -114,12 +114,18 @@ Claude Desktopの設定ファイルmacOSでは`~/Library/Application Support/
}
```
### Claude Code CLI
```bash
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
```
Claudeにダイアグラムの作成を依頼
> 「ログイン、MFA、セッション管理を含むユーザー認証のフローチャートを作成してください」
ダイアグラムがリアルタイムでブラウザに表示されます!
詳細は[MCPサーバーREADME](../packages/mcp-server/README.md)をご覧ください。
詳細は[MCPサーバーREADME](../packages/mcp-server/README.md)をご覧くださいVS Code、Cursorなどのクライアント設定も含む
## はじめに