jsoncanvas — Claude Code MCP server
A remote MCP server for creating, checking, editing, searching, and exporting JSON Canvas files as Markdown, SVG, PNG, or Mermaid.
claude mcp add --transport http jsoncanvas https://jsoncanvas.mcpcentral.io/mcpWhat jsoncanvas does
jsoncanvas gives an agent tools for .canvas files through a remote MCP endpoint. It can build canvases from nodes and edges, read stored data, list available canvases, validate content against JSON Canvas 1.0, and search canvas fields without case sensitivity.
Edits run as batches that add, update, or remove nodes and edges; deleting a node also removes its connected edges. Exports are available as markdown, svg, mermaid, or png. Hosts that support the supplied UI metadata can render a canvas in an interactive pan-and-zoom viewer. Each user gets a separate canvas scope. Microsoft Entra OAuth is required, so tool calls need an authenticated session.
What it helps with
- build a
.canvasfrom nodes and edges - check a canvas against JSON Canvas 1.0
- search stored canvases by field values
- apply batch changes to nodes and edges
- export a canvas as PNG or Mermaid
Example prompts for the agent
- Create a
.canvasfor this diagram, then connect the related nodes with edges. - Validate this canvas against JSON Canvas 1.0 and report the issues.
- Search my canvases for nodes mentioning
API, then export the matching canvas asmermaid.
How to install jsoncanvas
Platform CLI: remote server
claude mcp add --transport http jsoncanvas https://jsoncanvas.mcpcentral.io/mcpPlatform CLI: remote server
codex mcp add jsoncanvas --url https://jsoncanvas.mcpcentral.io/mcpConfig file
{
"mcpServers": {
"jsoncanvas": {
"url": "https://jsoncanvas.mcpcentral.io/mcp"
}
}
}Config file
{
"servers": {
"jsoncanvas": {
"type": "http",
"url": "https://jsoncanvas.mcpcentral.io/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http jsoncanvas https://jsoncanvas.mcpcentral.io/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about jsoncanvas
How do I install jsoncanvas in Claude Code?
Run claude mcp add --transport http jsoncanvas https://jsoncanvas.mcpcentral.io/mcp. Then complete the Microsoft Entra OAuth sign-in.
What does jsoncanvas do?
It provides MCP tools to create, read, validate, edit, search, and export JSON Canvas files. Supported export formats are Markdown, SVG, Mermaid, and PNG.
Does jsoncanvas require authentication?
Yes. Every tool call needs a Microsoft Entra OAuth token, and canvases are isolated per authenticated user.
