mirror of
https://github.com/DayuanJiang/next-ai-draw-io.git
synced 2026-01-03 23:02:31 +08:00
docs: use @latest instead of -y flag for npx (match Playwright MCP style)
This commit is contained in:
12
README.md
12
README.md
@@ -99,20 +99,12 @@ Here are some example prompts and their generated diagrams:
|
||||
|
||||
Use Next AI Draw.io with AI agents like Claude Desktop, Cursor, and VS Code via MCP (Model Context Protocol).
|
||||
|
||||
```bash
|
||||
npx -y @next-ai-drawio/mcp-server
|
||||
```
|
||||
|
||||
### Claude Desktop
|
||||
|
||||
Add to your Claude Desktop config (`~/Library/Application Support/Claude/claude_desktop_config.json` on macOS):
|
||||
|
||||
```json
|
||||
{
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["-y", "@next-ai-drawio/mcp-server"]
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -121,7 +113,7 @@ Add to your Claude Desktop config (`~/Library/Application Support/Claude/claude_
|
||||
### Claude Code CLI
|
||||
|
||||
```bash
|
||||
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
|
||||
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
|
||||
```
|
||||
|
||||
Then ask Claude to create diagrams:
|
||||
|
||||
@@ -95,20 +95,12 @@ https://github.com/user-attachments/assets/b2eef5f3-b335-4e71-a755-dc2e80931979
|
||||
|
||||
通过MCP(模型上下文协议)在Claude Desktop、Cursor和VS Code等AI代理中使用Next AI Draw.io。
|
||||
|
||||
```bash
|
||||
npx -y @next-ai-drawio/mcp-server
|
||||
```
|
||||
|
||||
### Claude Desktop配置
|
||||
|
||||
添加到Claude Desktop配置文件(macOS上为`~/Library/Application Support/Claude/claude_desktop_config.json`):
|
||||
|
||||
```json
|
||||
{
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["-y", "@next-ai-drawio/mcp-server"]
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -117,7 +109,7 @@ npx -y @next-ai-drawio/mcp-server
|
||||
### Claude Code CLI
|
||||
|
||||
```bash
|
||||
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
|
||||
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
|
||||
```
|
||||
|
||||
然后让Claude创建图表:
|
||||
|
||||
@@ -95,20 +95,12 @@ https://github.com/user-attachments/assets/b2eef5f3-b335-4e71-a755-dc2e80931979
|
||||
|
||||
MCP(Model Context Protocol)を介して、Claude Desktop、Cursor、VS CodeなどのAIエージェントでNext AI Draw.ioを使用できます。
|
||||
|
||||
```bash
|
||||
npx -y @next-ai-drawio/mcp-server
|
||||
```
|
||||
|
||||
### Claude Desktop設定
|
||||
|
||||
Claude Desktopの設定ファイル(macOSでは`~/Library/Application Support/Claude/claude_desktop_config.json`)に追加:
|
||||
|
||||
```json
|
||||
{
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["-y", "@next-ai-drawio/mcp-server"]
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -117,7 +109,7 @@ Claude Desktopの設定ファイル(macOSでは`~/Library/Application Support/
|
||||
### Claude Code CLI
|
||||
|
||||
```bash
|
||||
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
|
||||
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
|
||||
```
|
||||
|
||||
Claudeにダイアグラムの作成を依頼:
|
||||
|
||||
@@ -6,8 +6,15 @@ MCP (Model Context Protocol) server that enables AI agents like Claude Desktop a
|
||||
|
||||
## Quick Start
|
||||
|
||||
```bash
|
||||
npx -y @next-ai-drawio/mcp-server
|
||||
```json
|
||||
{
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## Installation
|
||||
@@ -21,7 +28,7 @@ Add to your Claude Desktop config (`~/Library/Application Support/Claude/claude_
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["-y", "@next-ai-drawio/mcp-server"]
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -36,7 +43,7 @@ Add to your VS Code settings (`.vscode/mcp.json` in workspace or user settings):
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["-y", "@next-ai-drawio/mcp-server"]
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -51,7 +58,7 @@ Add to Cursor MCP config (`~/.cursor/mcp.json`):
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["-y", "@next-ai-drawio/mcp-server"]
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -60,14 +67,14 @@ Add to Cursor MCP config (`~/.cursor/mcp.json`):
|
||||
### Claude Code CLI
|
||||
|
||||
```bash
|
||||
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
|
||||
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
|
||||
```
|
||||
|
||||
### Other MCP Clients
|
||||
|
||||
Use the standard MCP configuration with:
|
||||
- **Command**: `npx`
|
||||
- **Args**: `["-y", "@next-ai-drawio/mcp-server"]`
|
||||
- **Args**: `["@next-ai-drawio/mcp-server@latest"]`
|
||||
|
||||
## Usage
|
||||
|
||||
@@ -135,7 +142,7 @@ Or set a custom port:
|
||||
"mcpServers": {
|
||||
"drawio": {
|
||||
"command": "npx",
|
||||
"args": ["-y", "@next-ai-drawio/mcp-server"],
|
||||
"args": ["@next-ai-drawio/mcp-server@latest"],
|
||||
"env": { "PORT": "6003" }
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user