# jsoncanvas

A remote MCP server for creating, checking, editing, searching, and exporting JSON Canvas files as Markdown, SVG, PNG, or Mermaid.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: mcpcentral-io
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/mcpcentral-io/jsoncanvas-mcp
- Updated: 2026-05-22
- HTML: https://affpapa.org/en/nevibecode/mcp/jsoncanvas

## What it 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.

## Requirements
- Remote server: `https://jsoncanvas.mcpcentral.io/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http jsoncanvas https://jsoncanvas.mcpcentral.io/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add jsoncanvas --url https://jsoncanvas.mcpcentral.io/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "jsoncanvas": {
            "url": "https://jsoncanvas.mcpcentral.io/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "jsoncanvas": {
            "type": "http",
            "url": "https://jsoncanvas.mcpcentral.io/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http jsoncanvas https://jsoncanvas.mcpcentral.io/mcp
```

## When to use it
- build a `.canvas` from 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
- Create a `.canvas` for 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 as `mermaid`.

## Similar
- [Reactive Resume](https://affpapa.org/en/nevibecode/mcp/reactive-resume.md) — MCP server · ★ 44908
- [screenpipe](https://affpapa.org/en/nevibecode/mcp/screenpipe.md) — MCP server · ★ 22082
- [Inbox Zero](https://affpapa.org/en/nevibecode/mcp/inbox-zero.md) — MCP server · ★ 12826
- [kaneo](https://affpapa.org/en/nevibecode/mcp/kaneo.md) — MCP server · ★ 9623
- [Mindwtr](https://affpapa.org/en/nevibecode/mcp/mindwtr.md) — MCP server · ★ 2330
- [Azure DevOps (ADO)](https://affpapa.org/en/nevibecode/mcp/azure-devops-ado.md) — MCP server · ★ 2071

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md