MCP SERVER · OFFICIAL PROJECTng-diagram's real API and documentation, bundled offline, so an assistant stops inventing React-shaped hooks that do not compile.
LABSCO SUMMARY
The failure it targets is easy to reproduce: an assistant that has never seen ng-diagram reaches for hook-shaped APIs from similarly named React libraries and writes code that looks right and does not compile. search_symbols and get_symbol answer with the current signature and the exact import line, which is the part the guess gets wrong.
A documentation server for the ng-diagram Angular library. The documentation and API data ship inside the package, and both are searched then fetched — prose on one side, symbols on the other.
No account, no key and no network calls — the package carries the documentation and API data with it, so nothing goes stale between releases. Run npx -y @ng-diagram/mcp; on Windows launch it through cmd /c. Inside the ng-diagram monorepo, build tools/mcp-server and point the client at the built dist/index.js instead.
One command — npx -y @ng-diagram/mcp
USE CASES
Look the symbol up by name and take the signature and import statement it returns before any code is written.
Search the docs for the term, then read the whole guide the search points at.
Ask for that exact symbol — if it is not in the API, nothing comes back.
Search the documentation and the API surface together rather than trusting a remembered example.
Counted once with only startup setup. Other versions, modes or optional credentials may expose a different list.
get_docRetrieve 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.
get_symbolRetrieve 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.
search_docsSearch 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.
search_symbolsSearch 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.
BEFORE YOU INSTALL
4 tools when we connected.
npx on PATH
CONTEXT COST
Rated by the size of the 4 tool definitions that ride along on every turn, not by how many there are
INSTALLATION
Add the block to your client, or run the command directly.
{
"mcpServers": {
"ng-diagram": {
"command": "npx",
"args": [
"-y",
"@ng-diagram/mcp"
]
}
}
}npx -y @ng-diagram/mcpMCP servers
vercel
timescale
adamsmaka
OGMatrix