mcp_excalidraw

A programmatic canvas toolkit for creating, editing, and exporting diagrams via AI agents.

MCPDesignOpen sourceExcalidrawAI diagrammingClaude Code skillCodex CLI skill

Type: MCP
Transport: stdio
Open source: Yes
GitHub Stars: ★ 2.1k
Source: mcp-github
Repository: github.com/yctimlin/mcp_excalidraw

Overview

mcp_excalidraw is an MCP server and Claude Code skill that enables real-time, synchronized canvas creation, editing, and exporting of diagrams through AI agents. It provides a complete canvas toolkit allowing AI to build, inspect, and iteratively improve diagrams. This capability includes 26 MCP tools supporting element-level control, persistent real-time canvas synchronization, file import/export, and more. Ideal for scenarios requiring AI-generated or modified diagrams.

Capabilities

▪Create, read, update, and delete elements
▪Real-time canvas synchronization
▪Describe scene (structured text)
▪Capture canvas screenshot
▪Convert from Mermaid to Excalidraw
▪Export and import scenes

Use cases

AI-generated architecture diagramsIterative refinement and adjustment of diagramsMulti-agent collaborative drawingGenerate diagrams from Mermaid code

Setup

Requires: Node 环境API Key

npm install -g mcp-excalidraw-server && mcp-excalidraw-server start

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

How do I configure MCP clients?

Please refer to the 'Configure MCP Clients' section in the README.

Does it support multiple agents drawing simultaneously?

Yes, multiple agents can draw on the same canvas at the same time.

Related skills

material-3-skill

Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.

Agent Skillmaterial designui

xhs-visual-director-skill

Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.

Agent Skill

drawio-skill

Generate draw.io diagrams from natural language, supporting multiple presets and export formats.

Agent Skill

ui-ux-pro-max-skill-cn

Professional-grade UI/UX design intelligence for AI coding assistants.

Agent Skill

logo-generator-skill

Professional SVG logo generator with multiple design variants and presentation backgrounds.

Agent Skill

claude-skill-aso-appstore-screenshots

Generate high-quality App Store screenshots to boost app download rates.

Agent Skill