excalidraw

Name: excalidraw
Availability: InStock
Author: hermesagents

Generate Excalidraw diagrams from JSON and save as .excalidraw files.

Updated Aug 23, 2026

Search Tags:#json #excalidraw #diagramming #export #diagram #hand-drawn

Ready to run

npx skills add https://github.com/Hermesagents/hermes-agents --skill excalidraw-hermesagents

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Hermesagents/hermes-agents/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/Hermesagents/hermes-agents --skill excalidraw-hermesagents

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires cryptography, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Excalidraw Diagram Skill enables creators to produce hand-drawn style diagrams by composing standard Excalidraw element JSON and saving it as a .excalidraw file, removing the need to draw elements by hand.

Core Features & Use Cases

Generate Excalidraw element JSON from structured inputs and templates
Save as a .excalidraw file for easy import into Excalidraw.com
Optional sharing by uploading the diagram with the included script (scripts/upload.py)
Use cases: architecture diagrams, flowcharts, UML-like diagrams, concept maps

Quick Start

Write a valid Excalidraw elements array in JSON and save it as a .excalidraw file.

Frequently Asked Questions about excalidraw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate Excalidraw diagrams from JSON data?▼

You can generate Excalidraw diagrams from JSON by composing standard Excalidraw element arrays for shapes, texts, and arrows, then saving them directly as a .excalidraw file for import into Excalidraw.com.

Can I create hand-drawn style flowcharts without drawing elements manually?▼

Yes, you can create hand-drawn style flowcharts by structuring standard Excalidraw element JSON with container bindings and arrows, removing the need to draw elements by hand.

What is the process to save and share a .excalidraw file generated from JSON?▼

To save and share a .excalidraw file, you write a valid Excalidraw elements array in JSON and save it. Optional sharing is available by uploading the diagram using the included upload script.

Does the Excalidraw JSON export support container bindings for arrows and text?▼

Yes, the Excalidraw JSON export fully supports container bindings, ensuring that arrows and text elements adhere to the documented formats and maintain valid connections within the Excalidraw envelope.

What diagram types are best suited for JSON-based Excalidraw generation?▼

JSON-based Excalidraw generation is best suited for architecture diagrams, flowcharts, UML-like diagrams, and concept maps where structured inputs and templates can automate the layout process.

Do I need any specific dependencies to run scripts for Excalidraw diagram export?▼

Yes, you need the cryptography dependency installed to run the included scripts for generating Excalidraw element JSON, saving .excalidraw files, and executing the optional upload script.