MCP server
Generate diagrams without leaving your AI assistant
Connect ChartCraft to Claude, Cursor, VS Code, or any MCP client. Ask for a diagram in plain English — get back a live, laid-out, shareable diagram page. Free, no account, no API key.
How it works
Connect once
Add the ChartCraft server to your MCP client — one command or a short config snippet, see below.
Ask for a diagram
"Use ChartCraft to draw the checkout flow we just discussed." Your assistant sends a plain-English brief — no diagram syntax involved.
Get a live link
ChartCraft generates and lays out the diagram, hosts it at a shareable URL, and your assistant can keep editing it by id.
Set it up in your client
Claude Code
One command in your terminal:
claude mcp add --transport http chartcraft \ https://www.chartcraft.dev/api/mcp
Claude Desktop & claude.ai
Settings → Connectors → Add custom connector, then paste:
https://www.chartcraft.dev/api/mcp
Cursor
Add to .cursor/mcp.json (project) or ~/.cursor/mcp.json (global):
{
"mcpServers": {
"chartcraft": {
"url": "https://www.chartcraft.dev/api/mcp"
}
}
}
VS Code (GitHub Copilot)
Add to .vscode/mcp.json:
{
"servers": {
"chartcraft": {
"type": "http",
"url": "https://www.chartcraft.dev/api/mcp"
}
}
}
Windsurf
Add to ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": {
"chartcraft": {
"serverUrl": "https://www.chartcraft.dev/api/mcp"
}
}
}
ChatGPT (developer mode)
Settings → Connectors → Advanced → enable Developer mode, then create a connector with the server URL:
https://www.chartcraft.dev/api/mcp
Any stdio-only client
Bridge through mcp-remote:
{
"mcpServers": {
"chartcraft": {
"command": "npx",
"args": ["-y", "mcp-remote",
"https://www.chartcraft.dev/api/mcp"]
}
}
}
Then try
"Use chartcraft to create an ER diagram for a ride-sharing app: riders, drivers, trips, payments, and ratings."
Your assistant replies with a link like chartcraft.dev/examples/… — open it, share it, or continue editing in the studio.
Tools the server exposes
| Tool | What it does | Arguments |
|---|---|---|
| create_diagram | Generates a diagram from a plain-English description and returns a shareable URL plus a diagram id. | prompt (required), diagram_type (optional: flowchart, erd, class, state, activity, sequence, bpmn) |
| edit_diagram | Applies a plain-English change to a diagram created earlier with create_diagram; the URL stays stable. | diagram_id, instructions |
Both tools count against the daily limit of 10 requests per IP. The limit resets at midnight UTC.
Questions
Is the ChartCraft MCP server free?
Yes — no account or API key needed. It's limited to 10 diagram requests per day per IP address. For unlimited diagrams and hands-on editing, use the ChartCraft studio.
Which AI clients does it work with?
Any client that supports remote MCP servers over Streamable HTTP: Claude Code, Claude Desktop and claude.ai, Cursor, VS Code with GitHub Copilot, Windsurf, ChatGPT developer mode, and others. Stdio-only clients can connect through the mcp-remote bridge.
What diagram types can it generate?
Flowcharts, ER diagrams (database schemas), UML class diagrams, state diagrams, activity diagrams, sequence diagrams, and BPMN process diagrams with swimlanes.
Are diagrams created via MCP public?
Each diagram gets an unlisted link — anyone with the URL can view it, but it is not listed in the ChartCraft gallery and carries a noindex tag so search engines don't index it. Don't include confidential details in prompts.
Can I keep working on a generated diagram?
Yes. Every diagram page has an "Open this diagram in Studio" button — from there you can edit nodes by hand, change the layout and edge style, and export SVG or PNG.