drawmode

teamchong/drawmode

★ 15 stars TypeScript 🤖 AI/LLM Updated today

Code Mode MCP server for generating Excalidraw architecture diagrams with auto-layout. LLM writes TypeScript, Graphviz handles layout.

View on GitHub →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "drawmode": {
      "command": "npx",
      "args": [
        "-y",
        "teamchong/drawmode"
      ]
    }
  }
}

README Excerpt

Code Mode MCP server for generating Excalidraw diagrams. LLMs write ~10 lines of TypeScript instead of ~500 lines of raw Excalidraw JSON. The SDK handles all the complexity (bound text elements, arrow binding math, elbow routing flags), and Graphviz handles layout. ``` Traditional: LLM -> 500 lines of JSON -> broken diagrams

Tools (20)

RenderResultbackendblueprintcachechangeSummarydatabasedefaultexcalidrawexternalfilePathfilePathsfrontendjsonminimalorchestrationpngpngBase64queuesketchstats

drawmode

Quick Install

README Excerpt

Tools (20)

Related AI/LLM Servers