Claude (web, desktop and mobile)
- In Claude, open Settings → Connectors. If diagramkit is listed, select it and choose Connect. Otherwise choose Add custom connector, name it diagramkit and enter
https://mcp.diagramkit.ai/mcp. - Sign in to diagramkit in the window that opens, or create a free account.
- In a chat, ask how something works or paste numbers to chart. Claude calls diagramkit and shows the image.
Claude Code
Install the plugin, which adds the connector and a skill that tells Claude Code when a diagram helps:claude mcp add --transport http diagramkit https://mcp.diagramkit.ai/mcp. Claude Code opens the diagramkit sign-in the first time it calls a tool.
ChatGPT
- In ChatGPT, open Apps and search for diagramkit, then choose Connect. (Until the listing is live, a workspace with developer mode on can add
https://mcp.diagramkit.ai/mcpas a custom app.) - Sign in to diagramkit, or create a free account.
- Type @diagramkit in a chat and ask.
Codex
Addcolinmatthews/diagramkit-plugin as a plugin marketplace, then run codex plugin add diagramkit@diagramkit.
What you can ask for
Add where the diagram will be used (“for our docs”, “for a LinkedIn carousel”, “as a data story”) and diagramkit shapes the frame, text and downloads for it. See Presets.