Excalidraw
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 generates hand-drawn style diagrams by writing JSON elements and saving them as .excalidraw files.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-26
Excalidraw generates hand-drawn style diagrams by writing JSON elements and saving them as .excalidraw files. 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.
Use it when
- Excalidraw supports flowcharts, architecture diagrams, sequence diagrams, concept maps, wireframes, mockups, and technical visualizations.
- Yes.
Verify before relying
Read SKILL.md below before installing (5 files). Open directory: indexed for reading, not audited.
Install
graniet/kheish/excalidraw · repository language: Rust
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
How do I create hand-drawn diagrams with Excalidraw?
Excalidraw builds sketchy, hand-drawn style diagrams by composing element JSON and saving them as .excalidraw files. You define rectangles, ellipses, diamonds, arrows, and labeled shapes with a built-in color palette, then export the file to open directly at excalidraw.com or share via upload for collaborative editing—no accounts or API keys required.
What diagram types can Excalidraw generate?
Excalidraw supports flowcharts, architecture diagrams, sequence diagrams, concept maps, wireframes, mockups, and technical visualizations. Each diagram is composed from basic shapes (rectangles, ellipses, diamonds) connected with arrows and labels, all rendered in a hand-drawn aesthetic.
Can I generate architecture diagrams programmatically with Excalidraw?
Yes. Excalidraw lets you design visual diagrams programmatically without external APIs by building JSON element structures directly. You compose shapes, connections, and styling, then save as .excalidraw files that can be opened in Excalidraw or shared for collaboration.
What is the excalidraw json format and how do I use it?
Excalidraw's JSON format defines diagram elements—shapes, text, arrows, colors, and positioning. You construct this JSON programmatically to build your diagram, then save it as a .excalidraw file. The file can be opened at excalidraw.com or uploaded for sharing without requiring any external tools or API keys.
How do I create shareable diagrams and export .excalidraw files?
Excalidraw generates .excalidraw files that you can open directly at excalidraw.com or upload for shareable links. No accounts are needed. The hand-drawn style and full diagram structure are preserved in the file, making it easy to collaborate or iterate on your flowcharts, architecture diagrams, and concept maps.
What shapes and styling options does Excalidraw support?
Excalidraw provides rectangles, ellipses, diamonds, arrows, and labeled text shapes with a built-in color palette. You can customize positioning, sizing, colors, and connections to create flowcharts, technical diagrams, and wireframes—all rendered in a sketchy, hand-drawn aesthetic without needing external design software.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Kheish Compatibility
This skill is repo-local and stays inactive until explicitly activated.
When the original instructions refer to legacy tool names, use these Kheish mappings:
terminal=>bashweb_extract=>web_fetch, plusweb_searchwhen discovery is neededsearch_files=>grep_searchandglob_searchbrowser_*tools require a browser-capable surfaced tool or MCP; if none is available, use the closest available surface and say so explicitly
When the instructions mention local helper files, resolve them from ${KHEISH_SKILL_DIR}.
Excalidraw Diagram Skill
Create diagrams by writing standard Excalidraw element JSON and saving as .excalidraw files. These files can be
(truncated - see the full file via the links below)
File tree — 5 files
skills/creative/excalidraw/SKILL.md
skills/creative/excalidraw/references/colors.md
skills/creative/excalidraw/references/dark-mode.md
skills/creative/excalidraw/references/examples.md
skills/creative/excalidraw/scripts/upload.py
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 › “Generate hand-drawn style diagrams in Excalidraw JSON format”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Excalidraw lets you build sketchy, hand-drawn diagrams by writing element JSON and saving as .excalidraw files. Drop them into excalidraw.com for viewing, editing, or optionally upload for shareable links—no accounts or API keys required.
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.
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.
excalidraw-ai lets you build Excalidraw diagrams by writing JSON directly, with complete control over shapes, text, arrows, and styling. It includes the full Excalidraw schema, component-based color palettes for architecture diagrams, and access to 305+ professional icons across five libraries for system design, AWS services, and more.
More skills Obsidian Plugin Excalidraw (unlicensed) · excalidraw-diagram (MIT) · Excalidraw Mcp Server (NOASSERTION) · excalidraw-visual-designer (MIT) · Excalidraw Diagram (unlicensed) · excalidraw-diagram (MIT) · Excalidraw (unlicensed)