Skip to content
MCPpedia
Submit
Architecture Diagrams
Install guide · VS Code

Install Architecture Diagrams for VS Code

Workspace file .vscode/mcp.json uses the servers key. User settings can hold the same shape.

Official VS Code docs
Add to Cursor: Architecture DiagramsInstall in VS Code: Architecture DiagramsInstall in VS Code Insiders: Architecture Diagrams

Needs Cursor or VS Code installed on this device. The button opens the app and asks you to confirm before it adds the server.

  1. Open .vscode/mcp.json on macOS, .vscode/mcp.json on Windows, or .vscode/mcp.json on Linux.

  2. Paste the JSON config below.

  3. Replace placeholder secrets, then restart the client if it does not reload on its own.

.vscode/mcp.json
{  "servers": {    "apatilgtn-architecture-diagrams": {      "type": "stdio",      "command": "uvx",      "args": [        "arch-diagram-mcp"      ],      "env": {        "ARCH_DIAGRAM_OUTPUT_DIR": "",        "ARCH_DIAGRAM_INPUT_ROOTS": ""      }    }  }}

Where the config lives

SystemPath
macOS.vscode/mcp.json
Windows.vscode/mcp.json
Linux.vscode/mcp.json