claudeai.directory

Excalidraw

MCP for creating interactive hand-drawn diagrams in Excalidraw

The official Excalidraw MCP app allowing you to build interactive visual applications right in Claude. Ask Claude to create hand-drawn style diagrams using Excalidraw with smooth viewport camera control and interactive fullscreen editing.

Install

1Add the server to Claude Code

claude mcp add --transport http excalidraw-app-demo https://excalidraw-mcp-app.vercel.app/mcp

These instructions target Claude Code. Check the publisher's documentation for support in other Claude surfaces; a valid server URL alone does not establish compatibility.

JSON.mcp.json for a shared project

Commit this file so everyone on the project gets the same server.

{
  "mcpServers": {
    "excalidraw-app-demo": {
      "type": "http",
      "url": "https://excalidraw-mcp-app.vercel.app/mcp"
    }
  }
}

Tools

  • read_me
  • create_view
  • export_to_excalidraw
  • save_checkpoint
  • read_checkpoint

Examples

Show how a neural network forward pass works
“Show how a neural network forward pass works”
Map out the React component lifecycle
“Map out the React component lifecycle”
Draw a Git branching strategy with feature, develop, and main
“Draw a Git branching strategy with feature, develop, and main”
Create a decision tree for choosing a database
“Create a decision tree for choosing a database”
Show the architecture of a microservices e-commerce app
“Show the architecture of a microservices e-commerce app”
Draw a UML sequence diagram for user login with OAuth
“Draw a UML sequence diagram for user login with OAuth”

Discussion

Discussion

0