excalidraw

Excalidraw lets you build diagrams by writing standard element JSON and saving as `.excalidraw` files that open directly in excalidraw.com. Generate architecture diagrams, flowcharts, sequence diagrams, and concept maps with a simple JSON structure—no rendering libraries or authentication required. Upload files for shareable links or edit them locally.

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.

Build sketchy, hand-drawn diagrams by composing Excalidraw element JSON and saving them as .excalidraw files. Open files directly at excalidraw.com or upload for shareable links—no accounts or API keys required. Supports rectangles, ellipses, diamonds, arrows, and labeled shapes with a built-in color palette for flowcharts, architecture diagrams, and concept maps.

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 Studio converts natural language into professional diagrams—flowcharts, mind maps, architecture designs, ER models, and more—saved as .excalidraw files ready to open in Excalidraw, VS Code, or Obsidian. Choose from sketch, clean, or mixed visual modes and leverage built-in templates for rapid diagram generation.

This skill guides you through building Excalidraw diagrams with correct layout, typography, and element binding. Choose between inline preview, file output, or both workflows depending on whether you need the diagram in chat, saved for later, or both.