skillfed

excalidraw-skill

Excalidraw Skill provides a live canvas for building and refining diagrams through code. Use it to draw layouts, batch-create elements, align and group shapes, convert Mermaid diagrams, and export to multiple formats—all via CLI, MCP tools, or REST API.

Excalidraw Skill lets you create and edit diagrams programmatically on a live canvas using CLI, MCP tools, or REST API.

AI-generated summary based on this skill's SKILL.md

2,215 240 MIT updated by yctimlin

Install

yctimlin/mcp_excalidraw/excalidraw-skill · repository language: TypeScript

CLI (skillfed)coming soon
git clone https://github.com/yctimlin/mcp_excalidraw
cp -r mcp_excalidraw/skills/excalidraw-skill ~/.claude/skills/excalidraw-skill

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

Can I draw diagrams on canvas and create flowcharts programmatically?

Excalidraw Skill provides a live canvas for building and refining diagrams through code. You can draw layouts, batch-create elements, and construct flowcharts and architecture diagrams programmatically via CLI, MCP tools, or REST API.

What formats can I export diagrams to with Excalidraw Skill?

Excalidraw Skill supports exporting diagrams as PNG, SVG, or Excalidraw files. This lets you share your diagrams in multiple formats depending on your downstream needs.

How do I convert mermaid to excalidraw format?

Excalidraw Skill includes built-in conversion capabilities to transform Mermaid diagrams into Excalidraw format, enabling you to leverage existing Mermaid definitions within the Excalidraw canvas environment.

What element-level operations does Excalidraw Skill support?

Excalidraw Skill enables fine-grained control over diagram elements, including alignment, distribution, grouping, and locking shapes and arrows on the canvas for precise layout and organization.

Can I save and restore diagram snapshots with Excalidraw Skill?

Yes, Excalidraw Skill lets you save, restore, and manage diagram snapshots, supporting iterative refinement and version management of your visual designs.

Is Excalidraw Skill open source and what license does it use?

Excalidraw Skill is released under the MIT license, making it free and open for both commercial and personal use.

SKILL.md

rendered from the published skill — quoted content, verbatim

Excalidraw Skill

Step 0: Pick an Interface

Three interfaces drive the same live canvas. Pick the first one that applies:

  1. MCP tools — if excalidraw/* tools (e.g. batch_create_elements) are in your tool list, prefer them: results land directly in your context, and screenshots come back as images without touching disk.
  2. CLI (default when no MCP tools are present): bash npx -y mcp-excalidraw-server <command> No setup needed — any canvas-touching command auto-starts the canvas server

(truncated - see the full file via the links below)

Read as markdown · JSON record · Browse the source repository

File tree — 3 files
skills/excalidraw-skill/SKILL.md
skills/excalidraw-skill/evals/evals.json
skills/excalidraw-skill/references/cheatsheet.md

Related skills

Tags

visual-design-tool diagram-automation canvas-rendering shape-manipulation layout-control batch-operations file-interchange api-driven-graphics