Diagrams.so for VS Code

io.github.redhold/diagrams-so-mcp

Generate and edit AWS, Azure, GCP and Kubernetes architecture diagrams as editable draw.io files.

client:VS Code transport:stdio runtime:npm

Install Diagrams.so in VS Code

.vscode/mcp.json

{
  "inputs": [
    {
      "type": "promptString",
      "id": "diagrams-api-key",
      "description": "DIAGRAMS_API_KEY",
      "password": true
    },
    {
      "type": "promptString",
      "id": "diagrams-api-base",
      "description": "DIAGRAMS_API_BASE",
      "password": true
    },
    {
      "type": "promptString",
      "id": "diagrams-api-timeout-ms",
      "description": "DIAGRAMS_API_TIMEOUT_MS",
      "password": true
    }
  ],
  "servers": {
    "diagrams-so-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@diagrams-so/mcp"
      ],
      "env": {
        "DIAGRAMS_API_KEY": "${input:diagrams-api-key}",
        "DIAGRAMS_API_BASE": "${input:diagrams-api-base}",
        "DIAGRAMS_API_TIMEOUT_MS": "${input:diagrams-api-timeout-ms}"
      }
    }
  }
}

VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs

Diagrams.so in other clients

Diagrams.so MCP server