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
Decision gist · record as of 2026-07-22
Excalidraw Skill lets you create and edit diagrams programmatically on a live canvas using CLI, MCP tools, or REST API. 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.
Use it when
- Excalidraw Skill supports exporting diagrams as PNG, SVG, or Excalidraw files.
- Excalidraw Skill includes built-in conversion capabilities to transform Mermaid diagrams into Excalidraw format.
Verify before relying
Read SKILL.md below before installing (3 files). Open directory: indexed for reading, not audited.
Install
yctimlin/mcp_excalidraw/excalidraw-skill · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
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:
- 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. - 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)
File tree — 3 files
skills/excalidraw-skill/SKILL.md
skills/excalidraw-skill/evals/evals.json
skills/excalidraw-skill/references/cheatsheet.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Create and edit diagrams programmatically on a live canvas”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Build and refine diagrams programmatically using Excalidraw's visual canvas. This skill provides element-level control—create shapes, arrows, and text; adjust positioning and alignment; export to PNG, SVG, or .excalidraw format; and capture screenshots to verify your work. Connect via MCP tools or REST API depending on your setup.
This guide covers when and how to create effective research diagrams using Excalidraw MCP tools. It provides a structured workflow from planning through grouping, along with specific recommendations for diagram types, layout patterns, color schemes, and element styling to ensure clarity and consistency.
Excalidraw Skill generates technical diagrams and flowcharts in .excalidraw format, then exports them to PNG or SVG. Choose between Kroki API (zero setup, SVG only) or local CLI (PNG and SVG support). Use it when explaining systems with multiple components, multi-step processes, or any visualization that benefits from a visual layout.
Excalidraw Mermaid specializes in authoring Mermaid source code that converts seamlessly into Excalidraw drawings. It prioritizes visual clarity and supported diagram types, ensuring your output pastes once and renders without surprises.
Excalidraw analyzes your codebase to automatically generate architecture diagrams in .excalidraw format, complete with components, services, databases, and data flows mapped visually. Optionally export your diagrams to PNG or SVG for documentation and sharing.
Generate sketchy, approachable diagrams for workflows, system architecture, mind maps, and entity relationships. The skill renders interactive Excalidraw diagrams directly in your canvas, supporting flowcharts, swimlanes, sequence diagrams, and more with a consistent color palette and element library.
More skills Excalidraw Studio (NOASSERTION) · excalidraw (MIT) · excalidraw (MIT) · excalidraw-visual-designer (MIT) · Excalidraw (Apache-2.0) · Diagram Maker (NOASSERTION)