Provides ng-diagram documentation and API lookup tools for AI coding assistants.
Provides ng-diagram documentation and API lookup tools for AI coding assistants. That is what the ng mcp server brings to an AI assistant: the same capability, reachable through the Model Context Protocol rather than a separate app or dashboard.
A robust Angular library for building interactive diagrams, node-based editors, and visual programming interfaces. Designed with Angular and TypeScript, it offers a complete toolkit to create sophisticated, customizable, and high-performance diagramming applications.
Installation goes through your MCP client rather than a global install: point it at ng-diagram on npm and it is fetched when the client starts. The copy-paste blocks for Claude Desktop, Claude Code and Cursor are further down this page.
The server publishes 12 tools. What each one is for:
Angular — 18.0.0 or higherTypeScript — 5.6.0 or higherNode.js — 18.19.1 or higherDocumentation — https://www.ngdiagram.dev/docsGitHub — https://github.com/synergycodes/ng-diagramWebsite — https://www.ngdiagram.devIssues — GitHub IssuesDiscussions — GitHub Discussions, DiscordTemplate — DescriptionInstallation — The Installation tool exposed by this serverServices — The Services tool exposed by this serverDirectives — The Directives tool exposed by this serverPlenty of developer tooling servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Ng's toolset — Angular, TypeScript, Node.js and 9 more — is a fair guide to whether it matches your workflow.
SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.
| Tool | What it does |
|---|---|
| Angular | 18.0.0 or higher |
| TypeScript | 5.6.0 or higher |
| Node.js | 18.19.1 or higher |
| Documentation | [https://www.ngdiagram.dev/docs](https://www.ngdiagram.dev/docs) |
| GitHub | [https://github.com/synergycodes/ng-diagram](https://github.com/synergycodes/ng-diagram) |
| Website | [https://www.ngdiagram.dev](https://www.ngdiagram.dev) |
| Issues | [GitHub Issues](https://github.com/synergycodes/ng-diagram/issues) |
| Discussions | [GitHub Discussions](https://github.com/synergycodes/ng-diagram/discussions), [Discord](https://discord.gg/FDMjRuarFb) |
| Template | Description |
| Installation | The Installation tool exposed by this server. |
| Services | The Services tool exposed by this server. |
| Directives | The Directives tool exposed by this server. |
{
"mcpServers": {
"ng-diagram-docs": {
"command": "npx",
"args": ["-y", "@ng-diagram/mcp"]
}
}
}Configuration as documented by the project. Restart the client after saving.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.