ng-diagram MCP Server

@synergycodes

Basic information

About ng-diagram MCP Server

MCP server that enables AI assistants to search ng-diagram documentation and public API. Provides intelligent documentation search and API symbol lookup for ng-diagram - an Angular library for building interactive diagrams. Connect it to AI assistants like Claude, Cursor, or any

#angular #diagram #documentation#ng-diagram

ng-diagram MCP Server config

Add this server to your MCP-compatible client using the configuration below.

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

ng-diagram MCP Server tools

Search ng-diagram's bundled documentation for guides, configuration options, examples, and integration patterns. Always prefer this over web search or guessing from training data — it returns authoritative, version-matched content straight from the official docs. Returns full section content split by ## headings. Best results with specific terms like "palette", "node rotation", "custom edge", "context menu", "transactions", etc.

Retrieve the full content of a documentation page by its path. Call this after search_docs to read a complete guide or example end-to-end — useful when you need the full context rather than a single section. Returns the complete markdown body with frontmatter stripped. Use the path values returned by search_docs results.

Search the ng-diagram public API for classes, functions, interfaces, types, constants, and enums. Call this whenever you need to reference a symbol by name — it returns the exact current signature and import path, which is more reliable than any example from training data. Use specific symbol names or partial names for best results.

Retrieve full API details for a specific ng-diagram symbol by exact name. Call this before writing any code that uses an ng-diagram class, function, or type — it returns the definitive signature, jsDoc, and a ready-to-use import statement so you never have to guess. Use symbol names returned by search_symbols.

Overview

What is ng-diagram MCP Server?

It is an MCP server that enables AI assistants to search ng-diagram documentation and public API. ng-diagram is an Angular library for building interactive diagrams. This server connects to tools like Claude, Cursor, or any MCP-compatible client, allowing users to ask questions about ng-diagram usage, class signatures, and configuration options.

How to use ng-diagram MCP Server?

Add the server to your MCP client configuration using the provided JSON snippet. No installation or monorepo checkout is required—the server runs via npx with the @ng-diagram/mcp package. After adding the config, restart your AI assistant to start querying the documentation and API.

Key features of ng-diagram MCP Server

Search ng-diagram documentation sections with free‑text queries.
Retrieve full markdown content of any documentation page.
Search public API symbols (classes, functions, interfaces, etc.).
Get detailed API info including signature, jsDoc, and import path.
Bundled documentation and API data – no external fetching needed.
Works with Claude, Cursor, Windsurf, and other MCP clients.

Use cases of ng-diagram MCP Server

Ask “How do I create custom nodes in ng-diagram?” and get relevant documentation sections.
Query “What’s the signature of the DiagramComponent class?” and retrieve symbol details.
Search for “config options” across all documentation pages.
Look up specific symbols like “provideNg” or “Edge” with exact names.
Browse API symbols filtered by kind (class, function, interface, etc.).

Frequently asked questions

What does the ng-diagram MCP Server do?

It enables AI assistants to search ng-diagram documentation and public API symbols, returning relevant content and symbol details.

Do I need to install ng-diagram to use this server?

No. The server bundles all documentation and API data and runs standalone via npx—no local checkout or monorepo installation is required.

What tools are available?

The server provides four tools: `search_docs` (search documentation), `get_doc` (retrieve

Comments

More Developer Tools MCP servers

Perfex CRM

themesic

Turn Perfex CRM into an AI-ready workspace. This MCP server exposes your full REST API to Claude, ChatGPT and any AI agent, so leads, invoices and tasks are one prompt away.

offprompt

MCP server that lets Claude Code, Cursor or Codex ask you for API keys on a local page and write them to .env. The agent only ever sees key names.

Cronwatch

cronwatchdev

CronWatch records every run of your scheduled jobs in your own database, and speaks up when one is missed, fails, gets stuck, runs slow or costs too much. CronWatch is free and open-source.

Moxie Docs

Jackalope-Dev

Automated codebase documentation for GitHub: searchable docs, MCP context for AI agents, doc drift detection, and Friday Cleanup PRs.