Excalidraw MCP

vs Official Excalidraw MCP (excalidraw/excalidraw-mcp)

- Free layout: Not constrained by Mermaid syntax limitations
- Hand-drawn style: Native Excalidraw look, not rendered code blocks
- Editable output: Drag the.excalidrawfile to excalidraw.com to continue editing

Input: nodes: [{label: "Step 1", color?: "blue", shape?: "rectangle"}] edges: [{from: "Step 1", to: "Step 2", label?: "next"}] direction?: "LR" | "RL" | "TB" | "BT" (default: "LR") title?: "My Flowchart" output_path?: "/path/to/output.excalidraw" Output: Path to generated .excalidraw file

Colors: blue, green, purple, yellow, red, gray, orange, pink

Shapes: rectangle (default), diamond (decisions), ellipse (start/end)

Input: layers: [{ name: "Frontend", color?: "blue", components: [{label: "React"}, {label: "Next.js"}] }] connections?: [{from: "React", to: "API Server"}] output_path?: "/path/to/output.excalidraw" Output: Path to generated .excalidraw file

Input: file_path: "/path/to/existing.excalidraw" add_nodes?: [{label: "New Node", color?: "green", x?: 100, y?: 100}] remove_labels?: ["Old Node"] add_connections?: [{from: "A", to: "B"}] output_path?: "/path/to/output.excalidraw" Output: Path to modified file

Input: file_path: "/path/to/diagram.excalidraw" Output: Structured description (shapes, connections, colors)

Input: file_path: "/path/to/diagram.excalidraw" format: "svg" Output: Path to exported SVG file

Uses thegrandalflibrary for proper directed graph layout:

{ "startBinding": { "elementId": "box1", "fixedPoint": [1.0, 0.5001], "mode": "orbit" } }

Arrows automatically connect at the correct edge based on relative positions.

git clone https://github.com/maaker-ai/excalidraw-mcp.git cd excalidraw-mcp uv sync --dev uv run pytest

This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.

Create crafted UI components inspired by the best 21st.dev design engineers.

Bring agent evaluations, observability, and synthetic test set generation directly into your IDE for free with Galileo's new MCP server

An MCP server to help AI assistants to answer questions and generate AccelByte Extend SDK code more effectively .

MCP server for AI Diagram Maker — generate beautiful software engineering diagrams directly inside Cursor, Claude Desktop, Claude Code, or any MCP-compatible AI agent

ALAPI MCP Tools,Call hundreds of API interfaces via MCP

AI-powered SVG animation generator that transforms static files into animated SVG components using the Allyson platform

MCP server that gives AI assistants on-demand access to 1,500+ amCharts docs, ~300 code examples, and 1000+ class API references.

APIMatic MCP Server is used to validate OpenAPI specifications using APIMatic. The server processes OpenAPI files and returns validation summaries by leveraging APIMatic’s API.

One shared context layer for AI agents and humans — live API specs, DB schemas, and versioned contracts across repos so every agent and teammate works from the same source of truth.

Build and deploy full-stack Next.js apps with 98 tools for React, AWS, and MongoDB