skillpack.co
← All skills

Excalidraw MCP

active

Official Excalidraw MCP for AI-assisted diagramming and whiteboarding. 3,371 stars, official org backing. Separate lane from design-to-code — diagramming, not Figma bridge.

Connector
Atomic
Complexity
designui

47/100

Trust

3.4K+

Stars

1

Evidence

Product screenshot

Excalidraw MCP in action

Videos

Reviews, tutorials, and comparisons from the community.

Claude Code Creates Mermaid & Excalidraw Architecture Diagrams

LEsteveTech·2026-02-22

Claude Code + Excalidraw MCP: AI Draws Diagrams in Real-Time (Open Source)

Tim Lin·2026-02-14

Repo health

47/100

3w ago

Last push

25

Open issues

270

Forks

5

Contributors

Editorial verdict

Clear diagramming lane leader. 3,371 stars and official Excalidraw org backing make it the default for AI-assisted diagramming. Different workflow from design-to-code — listed in UX/UI for visibility but doesn't compete with Figma MCPs.

Public evidence

How does this compare?

See side-by-side metrics against other skills in the same category.

COMPARE SKILLS →

Where it wins

Official Excalidraw org backing — maintained by the platform team

3,371 stars — extraordinary velocity for a diagramming MCP

Community extension (1.4K stars) signals active ecosystem

Where to be skeptical

Growth stalled — last push Feb 20, 25 days ago

Diagramming lane, not design-to-code — different workflow entirely

Does not compete with Figma MCPs for production UI implementation

Ranking in categories

UX / UI

#08of 11

Diagramming and whiteboarding lane — AI-driven visual design outside Figma

Know a better alternative?

Submit evidence and we'll run the full pipeline.

SUBMIT →

Similar skills

Onlook

72

Open-source, local-first WYSIWYG visual editor that writes directly to a Next.js + Tailwind codebase. 24,918 stars — highest in UX/UI category. 'Cursor for Designers' positioning. Bypasses Figma entirely for design-in-code workflows.

Framelink / Figma-Context-MCP

70

Community standard for feeding Figma design context to AI coding agents. 13.7K stars, 38.6K npm/week, 11+ editor support. Framework-agnostic descriptive JSON output, listed in Figma's own help docs.

Figma MCP Server Guide

62

Official Figma MCP. Trust leader with triple partnership (OpenAI Codex, GitHub Copilot, Claude Code), Code Connect integration, bidirectional since Mar 6 2026. 14 tools, 14+ client support, two server modes.

Figma Console MCP

59

Most comprehensive Figma MCP by tool count (57+: 22 read + 35+ write, 11 variable/token management). Uber Engineering Blog validates production uSpec usage across 7 stacks. Hockey-stick npm growth (127/wk Nov → 17.4K/wk Mar). Local WebSocket — no rate limits, data never leaves network.

Raw GitHub source

GitHub README peek

Constrained peek so you can sanity-check the source material without leaving the site.

Excalidraw MCP App Server

MCP server that streams hand-drawn Excalidraw diagrams with smooth viewport camera control and interactive fullscreen editing.

Demo

Install

Works with any client that supports MCP Apps — Claude, ChatGPT, VS Code, Goose, and others. If something doesn't work, please open an issue.

Remote (recommended)
https://mcp.excalidraw.com

For apps that don't yet have an official integration, you can add a custom MCP / connector (naming can vary between apps).

Local

Option A: Download Extension

  1. Download excalidraw-mcp-app.mcpb from Releases
  2. Double-click to install in Claude Desktop

Option B: Build from Source

git clone https://github.com/excalidraw/excalidraw-mcp.git
cd excalidraw-mcp-app
pnpm install && pnpm run build

Add to ~/Library/Application Support/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "excalidraw": {
      "command": "node",
      "args": ["/path/to/excalidraw-mcp-app/dist/index.js", "--stdio"]
    }
  }
}

Restart Claude Desktop.

Usage

Example prompts:

  • "Draw a cute cat using excalidraw"
  • "Draw an architecture diagram showing a user connecting to an API server which talks to a database"

What are MCP Apps and how can I build one?

Text responses can only go so far. Sometimes users need to interact with data, not just read about it. MCP Apps is an official Model Context Protocol extension that lets servers return interactive HTML interfaces (data visualizations, forms, dashboards) that render directly in the chat.

  • Getting started for humans: documentation
  • Getting started for AIs: skill

Contributing

PRs welcome! See Local above for build instructions.

Deploy your own instance

You can deploy your own copy to Vercel in a few clicks:

  1. Fork this repo
  2. Go to vercel.com/new and import your fork
  3. No environment variables needed — just deploy
  4. Your server will be at https://your-project.vercel.app/mcp
Release checklist
<details> <summary>For maintainers</summary> 
# 1. Bump version in manifest.json and package.json
# 2. Build and pack
pnpm run build && mcpb pack .

# 3. Create GitHub release
gh release create v0.3.0 excalidraw-mcp-app.mcpb --title "v0.3.0" --notes "What changed"

# 4. Deploy to Vercel
vercel --prod
</details>

Credits

Built with Excalidraw — a virtual whiteboard for sketching hand-drawn like diagrams.

License

MIT

View on GitHub →