excalidraw-mcp

Generate hand-drawn style diagrams as PNG files or Excalidraw links.

37|12|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/exiao/skills --skill excalidraw-mcp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw-mcp
Source: https://github.com/exiao/skills/tree/main/excalidraw-mcp
Command: npx skills add https://github.com/exiao/skills --skill excalidraw-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mcporter, and includes references (resource) components.

What problem does it solve?

This Skill automates the creation of hand-drawn style diagrams using Excalidraw, perfect for visual explanations and documentation.

Core Features & Use Cases

  • Diagram Generation: Create flow diagrams, architecture diagrams, and slide visuals.
  • Customizable Output: Generates diagrams as PNG files or shareable Excalidraw links.
  • Use Case: Quickly visualize a system architecture or a user flow for a presentation, ensuring a consistent, hand-drawn aesthetic.

Quick Start

Use the excalidraw-mcp skill to create a diagram with the provided elements.

Frequently Asked Questions about excalidraw-mcp

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

FAQPage Schema
How do I generate hand-drawn style architecture diagrams automatically?

You can create hand-drawn flow diagrams by providing the desired elements to this Skill, which uses the Excalidraw MCP endpoint to render and export the visual output as a PNG file or shareable link.

Can I export Excalidraw visuals as PNG files for slide presentations?

Yes, you can export Excalidraw visuals as PNG files. The Skill renders diagrams through the Excalidraw MCP and supports exporting output directly as PNG files or generating shareable Excalidraw links.

Do I need mcporter to create flow diagrams with Excalidraw?

Yes, mcporter is required to create flow diagrams. It is the necessary dependency that enables the Skill to communicate with the Excalidraw MCP endpoint for rendering and exporting diagrams.

What is the best way to visualize user flow diagrams for documentation?

The best way to visualize user flow diagrams for documentation is automating Excalidraw generation with this Skill, ensuring a consistent hand-drawn aesthetic across system architecture and user flow visuals.