Excalidraw Skill
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.
Excalidraw Skill lets you programmatically create and edit diagrams with real-time canvas synchronization through MCP tools or REST APIs.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-02-27
Excalidraw Skill lets you programmatically create and edit diagrams with real-time canvas synchronization through MCP tools or REST APIs. 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.
Use it when
- Excalidraw Skill supports sketching and planning through its visual interface and collaborative whiteboard functionality.
- Yes, Excalidraw Skill excels at generating flowcharts and architectural sketches with hand-drawn aesthetics.
Install
lingzhi227/agent-research-skills/excalidraw-skill · repository language: Python
generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
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
What can I create diagrams with using Excalidraw?
Excalidraw Skill lets you build and refine diagrams programmatically using Excalidraw's visual canvas. You can create shapes, arrows, and text with element-level control; adjust positioning and alignment; and export to PNG, SVG, or .excalidraw format. The hand-drawn aesthetic makes flowcharts, architectural sketches, wireframes, and visual mockups quick to produce.
How do I use Excalidraw for sketching and planning?
Excalidraw Skill supports sketching and planning through its visual interface and collaborative whiteboard functionality. You can generate flowcharts and architectural sketches with hand-drawn aesthetics, design wireframes and mockups rapidly, and access team brainstorming features. Connect via MCP tools or REST API to integrate open-source drawing capabilities into your workflow.
Can Excalidraw create flowcharts and architecture diagrams?
Yes, Excalidraw Skill excels at generating flowcharts and architectural sketches with hand-drawn aesthetics. The visual interface lets you position elements precisely, and you can export your completed diagrams to PNG, SVG, or .excalidraw format. This makes it ideal for technical planning, system design, and documentation workflows.
Does Excalidraw support team collaboration and whiteboarding?
Excalidraw Skill includes collaborative whiteboard functionality for team brainstorming. Multiple users can work together on diagrams in real time, making it effective for group planning sessions, design reviews, and distributed team coordination. The hand-drawn style keeps sketches informal and encourages creative exploration.
What formats can I export diagrams from Excalidraw?
Excalidraw Skill supports exporting to PNG, SVG, and .excalidraw format. You can also capture screenshots to verify your work before finalizing. This flexibility lets you integrate diagrams into presentations, documentation, design systems, or version-control repositories depending on your needs.
How does Excalidraw integrate into existing workflows?
Excalidraw Skill integrates open-source drawing capabilities through MCP tools or REST API connections. This allows you to embed diagram creation and editing into custom applications, automation scripts, or development pipelines. The programmatic element-level control means you can generate diagrams dynamically based on data or user input.
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 using Excalidraw's visual interface”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
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 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 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.
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 is a whiteboard-style diagram editor for building flowcharts, architecture diagrams, system designs, and visual sketches. It provides tools to add shapes, arrows, frames, and organize elements with alignment and distribution. Use it for any visual diagram except database schemas, which should use DataModelLM instead.
More skills excalidraw (MIT) · excalidraw-visual-designer (MIT) · excalidraw (MIT) · Excalidraw Studio (NOASSERTION) · excalidraw (MIT)