Excalidraw MCP Studio

How to use Excalidraw MCP Studio

1. Pick a tool from the catalogue to read its real input schema, audience and response shape from src/server.ts.
2. Edit the elements JSON in the simulator, or load the Start and End sample, then simulate a create_view call.
3. Read the simulated response: Diagram displayed text plus a checkpoint id in structuredContent, exactly as the real server returns.
4. Load the restoreCheckpoint sample to see how edits reuse a saved diagram, and check a camera size against the 4:3 nudge.
5. Copy the JSON-RPC tools/call request or the response text, and open the connect section for the real server setup.

Features

• Full 5-tool catalogue from src/server.ts: read_me, create_view, export_to_excalidraw, save_checkpoint and read_checkpoint
• create_view simulator with the real rules: valid JSON array only, 5 MB limit, real invalid-JSON and oversize error texts
• Checkpoint flow demo: simulated checkpoint id, restoreCheckpoint edit payload and delete-by-ids support
• Local SVG preview rendering the sample rectangles, ellipses and arrows from your elements JSON
• Camera ratio checker applying the real 4:3 nudge rule: ratios more than 0.15 away get the server tip
• Element format reference from read_me: 7 element types plus primary and pastel colour palettes with hex codes
• Real connection reference: remote https://mcp.excalidraw.com and local stdio node dist/index.js with --stdio
• Honest simulator label: no live MCP calls, no Claude connection, no API keys, nothing uploaded

Frequently asked questions