ng-diagram MCP Server
ng-diagram MCP Server
MCP server that enables AI assistants to search ng-diagram documentation and public API.
Overview
An MCP server that 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 MCP-compatible tool and ask questions like:
- "How do I create custom nodes in ng-diagram?"
- "What's the signature of the DiagramComponent class?"
- "What config options does ng-diagram support?"
Quick Start
Add the server to your MCP client config - no installation or monorepo checkout required:
macOS / Linux:
{
"mcpServers": {
"ng-diagram-docs": {
"command": "npx",
"args": ["-y", "@ng-diagram/mcp"]
}
}
}
Windows:
{
"mcpServers": {
"ng-diagram-docs": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@ng-diagram/mcp"]
}
}
}
The package includes all documentation and API data bundled in. Restart your AI assistant after updating the config, then ask something like "Search the ng-diagram docs for palette" to verify.
MCP Client Config Locations
| Client | Config file |
|---|---|
| Claude Code | .mcp.json in project root or ~/.claude.json (user) |
| Claude Desktop | ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) |
| Cursor | .cursor/mcp.json in project root or ~/.cursor/mcp.json (global) |
| Windsurf | ~/.codeium/windsurf/mcp_config.json |
API Reference
Tool: search_docs
Search through ng-diagram documentation sections. Returns full section content split by ## headings. Supports exact phrases, multi-word queries, and individual keywords.
Parameters:
query(string, required): Search query to find relevant documentationlimit(number, optional): Max results to return (default: 10)
Tool: get_doc
Retrieve the full content of a documentation page by its path. Returns the complete markdown body with frontmatter stripped.
Parameters:
path(string, required): Relative path from docs root (e.g.,"guides/palette.mdx"). Use paths fromsearch_docsresults.
Tool: search_symbols
Search through ng-diagram public API symbols (classes, functions, interfaces, types, constants, enums).
Parameters:
query(string, required): Search query (e.g., "Diagram", "provideNg", "Edge")kind(string, optional): Filter by symbol kind (class,function,interface,type,const,enum)limit(number, optional): Max results to return (default: 10)
Tool: get_symbol
Retrieve full API details for a specific ng-diagram symbol by exact name. Returns kind, full signature, jsDoc (if available), and a ready-to-use import statement.
Parameters:
name(string, required): Exact symbol name (case-sensitive). Use names fromsearch_symbolsresults.
License
Apache-2.0 - Part of the ng-diagram project
Built with ❤️ by the Synergy Codes team
Server Config
{
"mcpServers": {
"ng-diagram-docs": {
"command": "npx",
"args": [
"-y",
"@ng-diagram/mcp"
]
}
}
}Recommend Servers
View Alltest