Diagram MCP — Instalar & Demo ao vivo

Name: Diagram MCP MCP Server
Author: andrewmoshu

Demo ao vivo

Como fica na prática

diagram-mcp-andrewmoshu.replay ▶ pronto

0/0

Instalar

Escolha seu cliente

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "diagram-mcp-andrewmoshu": {
      "command": "npx",
      "args": [
        "-y",
        "diagram-mcp-andrewmoshu"
      ]
    }
  }
}

Abra Claude Desktop → Settings → Developer → Edit Config. Reinicie após salvar.

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "diagram-mcp-andrewmoshu": {
      "command": "npx",
      "args": [
        "-y",
        "diagram-mcp-andrewmoshu"
      ]
    }
  }
}

Cursor usa o mesmo esquema mcpServers que o Claude Desktop. Config de projeto vence a global.

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "diagram-mcp-andrewmoshu": {
      "command": "npx",
      "args": [
        "-y",
        "diagram-mcp-andrewmoshu"
      ]
    }
  }
}

Clique no ícone MCP Servers na barra lateral do Cline, depois "Edit Configuration".

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "diagram-mcp-andrewmoshu": {
      "command": "npx",
      "args": [
        "-y",
        "diagram-mcp-andrewmoshu"
      ]
    }
  }
}

Mesmo formato do Claude Desktop. Reinicie o Windsurf para aplicar.

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "diagram-mcp-andrewmoshu",
      "command": "npx",
      "args": [
        "-y",
        "diagram-mcp-andrewmoshu"
      ]
    }
  ]
}

O Continue usa um array de objetos de servidor em vez de um map.

~/.config/zed/settings.json

{
  "context_servers": {
    "diagram-mcp-andrewmoshu": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "diagram-mcp-andrewmoshu"
        ]
      }
    }
  }
}

Adicione em context_servers. Zed recarrega automaticamente ao salvar.

claude mcp add diagram-mcp-andrewmoshu -- npx -y diagram-mcp-andrewmoshu

Uma linha só. Verifique com claude mcp list. Remova com claude mcp remove.

Casos de uso

Usos do mundo real: Diagram MCP

Get started with Diagram MCP

Quando usar: When you want to bring Diagram MCP into your Claude workflow.

Fluxo

Install the MCP server in your client (see Install tab).
Authenticate or configure required tokens.
Ask Claude to use the new tools.

Use Diagram MCP to help me with a task.✓ Copiado

Resultado: Claude can interact with Diagram MCP directly from your IDE.

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills