mirror of
https://github.com/DayuanJiang/next-ai-draw-io.git
synced 2026-01-05 07:42:28 +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).
|
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
|
```json
|
||||||
{
|
{
|
||||||
"mcpServers": {
|
"mcpServers": {
|
||||||
"drawio": {
|
"drawio": {
|
||||||
"command": "npx",
|
"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
|
### Claude Code CLI
|
||||||
|
|
||||||
```bash
|
```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:
|
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。
|
通过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
|
```json
|
||||||
{
|
{
|
||||||
"mcpServers": {
|
"mcpServers": {
|
||||||
"drawio": {
|
"drawio": {
|
||||||
"command": "npx",
|
"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
|
### Claude Code CLI
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
|
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
|
||||||
```
|
```
|
||||||
|
|
||||||
然后让Claude创建图表:
|
然后让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を使用できます。
|
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
|
```json
|
||||||
{
|
{
|
||||||
"mcpServers": {
|
"mcpServers": {
|
||||||
"drawio": {
|
"drawio": {
|
||||||
"command": "npx",
|
"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
|
### Claude Code CLI
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
claude mcp add drawio -- npx -y @next-ai-drawio/mcp-server
|
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
|
||||||
```
|
```
|
||||||
|
|
||||||
Claudeにダイアグラムの作成を依頼:
|
Claudeにダイアグラムの作成を依頼:
|
||||||
|
|||||||
@@ -6,8 +6,15 @@ MCP (Model Context Protocol) server that enables AI agents like Claude Desktop a
|
|||||||
|
|
||||||
## Quick Start
|
## Quick Start
|
||||||
|
|
||||||
```bash
|
```json
|
||||||
npx -y @next-ai-drawio/mcp-server
|
{
|
||||||
|
"mcpServers": {
|
||||||
|
"drawio": {
|
||||||
|
"command": "npx",
|
||||||
|
"args": ["@next-ai-drawio/mcp-server@latest"]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
@@ -21,7 +28,7 @@ Add to your Claude Desktop config (`~/Library/Application Support/Claude/claude_
|
|||||||
"mcpServers": {
|
"mcpServers": {
|
||||||
"drawio": {
|
"drawio": {
|
||||||
"command": "npx",
|
"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": {
|
"mcpServers": {
|
||||||
"drawio": {
|
"drawio": {
|
||||||
"command": "npx",
|
"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": {
|
"mcpServers": {
|
||||||
"drawio": {
|
"drawio": {
|
||||||
"command": "npx",
|
"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
|
### Claude Code CLI
|
||||||
|
|
||||||
```bash
|
```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
|
### Other MCP Clients
|
||||||
|
|
||||||
Use the standard MCP configuration with:
|
Use the standard MCP configuration with:
|
||||||
- **Command**: `npx`
|
- **Command**: `npx`
|
||||||
- **Args**: `["-y", "@next-ai-drawio/mcp-server"]`
|
- **Args**: `["@next-ai-drawio/mcp-server@latest"]`
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
@@ -135,7 +142,7 @@ Or set a custom port:
|
|||||||
"mcpServers": {
|
"mcpServers": {
|
||||||
"drawio": {
|
"drawio": {
|
||||||
"command": "npx",
|
"command": "npx",
|
||||||
"args": ["-y", "@next-ai-drawio/mcp-server"],
|
"args": ["@next-ai-drawio/mcp-server@latest"],
|
||||||
"env": { "PORT": "6003" }
|
"env": { "PORT": "6003" }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user