skills.rest
Hermesagents
HermesagentsCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

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

Updated Aug 23, 2026
Search Tags:#json#excalidraw#diagramming#export#diagram#hand-drawn
One-click install
npx skills add https://github.com/Hermesagents/hermes-agents --skill excalidraw-hermesagents
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
NITISH-gitbitNITISH-gitbit

excalidraw

Generate hand-drawn Excalidraw diagrams from JSON element specifications.

Community
Intermediate
SatangThevalueSatangThevalue

excalidraw

Create diagrams from Excalidraw element JSON saved as .excalidraw files.

Community
Intermediate
jleechanorgjleechanorg

excalidraw

Create Excalidraw diagrams from element JSON and save as .excalidraw files.

Official
Intermediate
juliuss1907juliuss1907

excalidraw

Generate hand-drawn diagrams from JSON data as .excalidraw files.

Community
Basic