N

How to install Ng Diagram MCP in Cursor

To install Ng Diagram MCP in Cursor, click "Add to Cursor" on this page or paste the "ng-diagram-mcp" block into ~/.cursor/mcp.json, then check for a green dot in Cursor Settings under MCP.

Built from the published package · server updated 6 days ago

1. 1

   One click (fastest)

   Click the button to open Cursor with this server ready to add.

   Add Ng Diagram MCP to Cursor
2. 2

   Or add it by hand

   Open Cursor Settings, then MCP, then Add new MCP server, or edit mcp.json directly and paste:

   {
     "mcpServers": {
       "ng-diagram-mcp": {
         "command": "npx",
         "args": [
           "-y",
           "@ng-diagram/mcp"
         ]
       }
     }
   }

   Copy
3. 3

   Turn it on

   In Settings, MCP, make sure the server shows a green dot. Use it in Agent mode.

Config file: ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project)

MCP servers run with your permissions. If Ng Diagram MCP needs an API key, add it under env in the config. Check its README.

Similar servers

G

GitDiagram ahmedkhaleel2004

100

Architecture diagrams, explanations and Mermaid source for public GitHub repositories.

AAA Remote 18k

D

draw.io jgraph

100

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.

AAA Remote 5.7k

A

Agent-Native PlanBuilderIO

94

Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing

AAA Remote 7.4k