skills.rest
ARAVINDAN20
ARAVINDAN20COMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw-skill

Control Excalidraw diagrams on a live canvas via MCP and REST APIs.

4|1|Updated Apr 8, 2026
Search Tags:#automation#api#mermaid#excalidraw#diagramming#canvas
One-click install
npx skills add https://github.com/ARAVINDAN20/Claude-Research-Paper-OS --skill excalidraw-skill-aravindan20
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw-skill
Source: https://github.com/ARAVINDAN20/Claude-Research-Paper-OS/tree/main/.claude/skills/agent-research-skills/skills/excalidraw-skill
Command: npx skills add https://github.com/ARAVINDAN20/Claude-Research-Paper-OS --skill excalidraw-skill-aravindan20

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Excalidraw is a powerful diagramming tool; this skill provides programmatic control over Excalidraw diagrams via MCP tools with real-time canvas sync, enabling agents to draw, lay out, and refine diagrams on a live canvas, export/import .excalidraw files or PNG/SVG images, save/restore canvas snapshots, convert Mermaid diagrams to Excalidraw, and perform element-level CRUD, alignment, distribution, grouping, duplication, and locking.

Core Features & Use Cases

  • Programmatic diagram creation and refinement on a live canvas using MCP endpoints and REST
  • Export/import of Excalidraw files and images; Mermaid conversion
  • Element CRUD, alignment, grouping, and snapshot management for end-to-end diagram pipelines

Quick Start

Create a simple diagram on the live Excalidraw canvas demonstrating components and their interactions.

Frequently Asked Questions about excalidraw-skill

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

FAQPage Schema
How do I automate Excalidraw diagram creation programmatically?▼

You can automate Excalidraw diagram creation using MCP tools and REST API endpoints to control element CRUD, apply alignment and grouping, and sync changes to a live canvas in real time.

Can I convert Mermaid diagrams to Excalidraw?▼

Yes, converting Mermaid diagrams to Excalidraw is supported, enabling you to transform existing Mermaid syntax into editable Excalidraw elements on a live canvas.

Does Excalidraw automation work with REST API and live canvas synchronization?▼

Yes, Excalidraw automation supports both MCP and REST API modes, utilizing an EXPRESS_SERVER_URL to handle canvas server integration and ensure live synchronization across diagram updates.

What is the best way to export and import Excalidraw files and images?▼

The best way to export and import Excalidraw files is through programmatic API control, allowing you to interchange .excalidraw files and export PNG or SVG images while managing canvas snapshots.

How do I align, group, and manage Excalidraw elements via API?▼

You can manage Excalidraw elements via API by performing element-level CRUD operations, applying alignment and distribution, grouping elements, duplicating items, and locking canvas components.

What are the limitations of automating Excalidraw with an API server?▼

Automating Excalidraw requires an active EXPRESS_SERVER_URL for REST API canvas integration and live sync, meaning automation is limited without a running canvas server to handle the MCP tool requests.

Related Skills

Explore More Design & Creative Skills→
pypeadaypypeaday
2

drawio

Create and update architecture diagrams via a draw.io MCP server.

Community
Advanced
exiaoexiao
37

excalidraw-mcp

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

Community
Intermediate
dawsonblockdawsonblock

excalidraw

Convert structured element JSON into Excalidraw files (.excalidraw) with container bindings.

Community
Advanced
cloudbackenddevcloudbackenddev
1

excalidraw-skill

Create and manipulate diagram elements on a live Excalidraw canvas via MCP.

Community
Advanced