JSON Canvas MCP Server

JSON Canvas MCP Server

Create, validate, read, edit, export, and search JSON Canvas files with an interactive inline viewer, stored privately per user.

Category
Visit Server

README

JSON Canvas MCP Server

A remote Model Context Protocol server for working with JSON Canvas files — the open infinite-canvas format used by Obsidian. Create, validate, read, edit, export, and search .canvas files, with an inline interactive canvas viewer.

Hosted by MCPCentral at https://jsoncanvas.mcpcentral.io/mcp (Streamable HTTP). This repository is the public listing for the MCP Registry; the server itself is closed-source.

<!-- Registry validation marker — must match server.json name. --> mcp-name: io.mcpcentral/jsoncanvas

Authentication

The endpoint requires Microsoft Entra OAuth via the MCPCentral gateway (login.mcpcentral.io). MCP clients perform the standard OAuth flow automatically: an unauthenticated request returns 401 with a WWW-Authenticate pointing at the RFC 9728 metadata at /.well-known/oauth-protected-resource, and the client takes you through sign-in. Canvases are stored privately per authenticated user.

Client configuration

Claude Code

claude mcp add jsoncanvas --transport http https://jsoncanvas.mcpcentral.io/mcp

Claude Desktop / other clients via mcp-remote

{
  "mcpServers": {
    "jsoncanvas": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://jsoncanvas.mcpcentral.io/mcp"]
    }
  }
}

Any MCP client that supports remote Streamable HTTP servers with OAuth (Claude, Goose, OpenAI connectors, MCP Inspector) can connect.

Tools

Tool Description
create_canvas Create a canvas from nodes (+ optional edges); stored under a date-prefixed .canvas name.
validate_canvas Validate canvas data against the JSON Canvas 1.0 spec.
read_canvas Read a stored canvas and return its nodes and edges.
list_canvases List your stored canvases.
edit_canvas Atomic batch add/update/remove of nodes and edges (removing a node cascades its edges).
export_canvas Export to markdown, svg, mermaid, or png (full-fidelity raster via Browser Rendering).
search_canvases Case-insensitive field-level search across your canvases.

create_canvas, read_canvas, and edit_canvas carry MCP Apps UI metadata so supporting hosts render the result inline in an interactive pan/zoom viewer.

Resources

  • canvas://schema — JSON Schema for canvas files.
  • canvas://examples/basic — a simple two-node example canvas.
  • ui://canvas/viewer.html — the interactive read-only viewer (MCP Apps UI).

Security

  • Per-user isolation — every canvas is scoped to the authenticated user; no cross-user reads.
  • Auth required — all tool calls require a valid Entra-issued bearer token.
  • Hardened — strict input/size caps, bounded search, accurate tool annotations, and an SSRF-blocked PNG renderer (the headless browser cannot be coerced into outbound requests).
  • Report vulnerabilities per SECURITY.md. Please do not open public issues for security reports.

License

MIT.

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured