excalidraw

Create Excalidraw diagrams via MCP with domain presets and validation.

5|Updated May 2, 2026
One-click install
npx skills add https://github.com/vanducng/skills --skill excalidraw-vanducng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/vanducng/skills/tree/main/skills/excalidraw
Command: npx skills add https://github.com/vanducng/skills --skill excalidraw-vanducng

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Excalidraw MCP helps engineers create precise, consistent technical diagrams for software architecture, data pipelines, and deployment topologies using domain presets and a controlled write-check-review workflow.

Core Features & Use Cases

  • Domain-presets-driven diagramming for system diagrams (C4, Kubernetes, data pipelines) with consistent colors and typography.
  • Step-by-step workflow including sizing formulas, two-batch creation (shapes first, arrows second), and compact legends to ensure professional visuals.
  • Multi-tenant MCP support enabling diagrams across projects with auto-checks and reusable templates.

Quick Start

Plan your diagram on the Excalidraw MCP canvas, apply a domain preset, and then batch-create shapes and arrows following the Write-Check-Review loop.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I create consistent software architecture diagrams in Excalidraw?

Software architecture diagrams in Excalidraw are created using domain presets for consistent colors and typography. A two-batch workflow builds shapes first and arrows second, while a write-check-review loop validates sizing, legends, and domain styling before sharing.

What is the two-batch mode for technical diagrams?

The two-batch mode is a diagram creation workflow that separates shape generation from arrow generation. By drawing all shapes first and connecting them with arrows second, it ensures precise sizing and prevents layout errors in complex technical illustrations.

Can I use Excalidraw MCP for Kubernetes deployment diagrams across multiple projects?

Yes, Excalidraw MCP supports multi-tenant projects, enabling you to generate Kubernetes deployment diagrams with auto-checks and reusable templates. Domain presets ensure consistent styling across different project environments.

How do I draw data pipeline diagrams with correct sizing and legends?

Data pipeline diagrams require applying sizing formulas and compact legends within the write-check-review loop. This enforces proper element scaling and visual clarity, validating the technical diagram before sharing it with stakeholders.

Does Excalidraw MCP work with C4 model diagrams?

Excalidraw MCP supports C4 model diagrams through its domain-presets-driven diagramming capability. It applies consistent colors, typography, and styling rules to generate system diagrams that adhere to C4 architectural standards.

Why does my Excalidraw diagram layout break when adding arrows?

Diagram layout breaks when shapes and arrows are created simultaneously. Excalidraw MCP enforces a two-batch creation mode, drawing shapes first and arrows second, to prevent sizing conflicts and maintain professional visual quality.