skills.rest
ethan-rio
ethan-rioCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw-mcp-drawing

Create Excalidraw diagrams via excalidraw-mcp with planned layouts and arrow bindings.

Updated May 5, 2026
Search Tags:#excalidraw#flowchart#diagramming#architecture diagrams#mind map#diagram export#arrow bindings
One-click install
npx skills add https://github.com/ethan-rio/skills --skill excalidraw-mcp-drawing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw-mcp-drawing
Source: https://github.com/ethan-rio/skills/tree/main/skills/productivity/excalidraw-mcp-drawing
Command: npx skills add https://github.com/ethan-rio/skills --skill excalidraw-mcp-drawing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill eliminates the frequent rework and broken functionality that comes with creating Excalidraw diagrams via the excalidraw-mcp server, including issues like arrows that detach from shapes when dragged, overlapping elements from poor layout planning, and diagrams that lose their structure when exported to .excalidraw files.

Core Features & Use Cases

  • Pre-draw error prevention: Enforces mandatory connection checks, canvas state inspection, and full layout planning before any drawing tools are called, eliminating overlapping shapes and missing bindings.
  • Diagram best practices: Guides selection of the optimal diagram type (flowchart, mind map, tree, matrix, etc.) for your content, plus shape semantics, color palettes, and spacing rules for maximum legibility.
  • Persistent export support: Includes a helper script to automatically patch missing arrow binding reverse pointers and required fields on exported .excalidraw files, so attachments work correctly for all viewers.
  • Use Case: A data engineer can use this Skill to create a clear AWS architecture diagram with correctly attached arrows, export it to a shareable .excalidraw file, and be confident the diagram will render perfectly for their entire team.

Quick Start

Ask the AI to draw a flowchart of your team's request processing pipeline on Excalidraw, and it will handle all layout planning, shape selection, arrow binding, and export steps automatically to deliver a polished, shareable diagram.

Frequently Asked Questions about excalidraw-mcp-drawing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix broken arrow bindings when exporting Excalidraw diagrams?▼

To fix broken Excalidraw arrow bindings on exported .excalidraw files, run the included Python helper script that patches missing reverse pointers and required fields so attachments persist across round-trips for all viewers.

Why do arrows detach from shapes when creating Excalidraw diagrams via MCP?▼

Arrows detach from Excalidraw shapes when creating diagrams via MCP due to missing connection checks. This Skill enforces pre-draw planning rules, canvas state inspection, and full layout planning before drawing to eliminate overlapping shapes and missing bindings.

What's the best way to plan a technical architecture diagram before drawing?▼

The best way to plan a technical architecture diagram is to enforce mandatory connection checks, canvas state inspection, and full layout planning. This ensures correct shape selection, optimal diagram type matching, and proper spacing before calling drawing tools.

Can I create mind maps and flowcharts with persistent arrow attachments in Excalidraw?▼

Yes, you can create mind maps and flowcharts with persistent arrow attachments in Excalidraw. This Skill guides optimal diagram type selection, shape semantics, and color palettes, while enforcing binding best practices for maximum legibility.

Does the Excalidraw MCP server support exporting shareable .excalidraw files with correct bindings?▼

Yes, the Excalidraw MCP server supports exporting shareable .excalidraw files with correct bindings. This Skill includes a Python script to automatically patch missing arrow binding reverse pointers and required fields on exported files for perfect rendering.

How do I prevent overlapping shapes when building Excalidraw diagrams via MCP?▼

To prevent overlapping shapes when building Excalidraw diagrams via MCP, apply pre-draw error prevention rules that enforce mandatory connection checks and full layout planning before any drawing tools are called, ensuring correctly structured diagrams.

Related Skills

Explore More Software Engineering Skills→
robtaylorrobtaylor
28

excalidraw-diagrams

Generate Excalidraw diagrams as .excalidraw JSON files from Python code.

Community
Basic
bahayonghangbahayonghang
16

excalidraw

Generate Excalidraw-compatible JSON diagrams with rectangles, text, and arrows.

Community
Intermediate
CorellisOrgCorellisOrg
27

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions as .excalidraw JSON files.

Community
Advanced
shekerkammashekerkamma

excalidraw

Convert text descriptions into editable Excalidraw diagrams via MCP.

Community
Advanced