skills.rest
jleechanorg
jleechanorgOFFICIAL
Explore all skills by this author →
GitHub

excalidraw

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

Updated Jun 28, 2026
Search Tags:#json#excalidraw#visualization#sharing#diagram#binding
One-click install
npx skills add https://github.com/jleechanorg/hermes-agent --skill excalidraw-jleechanorg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/jleechanorg/hermes-agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/jleechanorg/hermes-agent --skill excalidraw-jleechanorg

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Creating clear, shareable diagrams from JSON element definitions can be tedious when relying on GUI tools. This skill enables crafting Excalidraw diagrams by authoring standard Excalidraw element JSON and saving as .excalidraw files, which can be opened directly in excalidraw.com or shared via an upload workflow.

Core Features & Use Cases

  • Define shapes, arrows, and text using standard Excalidraw element JSON with container bindings to attach labels.
  • Save diagrams as .excalidraw envelopes and optionally upload for shareable links using the built-in script.
  • Suitable for architecture diagrams, flowcharts, and sequence diagrams that need quick, shareable visuals.

Quick Start

Write your elements JSON array, wrap them in the Excalidraw envelope, and save 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?▼

To generate Excalidraw diagrams from JSON data, you author standard Excalidraw element JSON arrays, wrap them in an Excalidraw envelope, and save the output as a .excalidraw file. This file can then be opened directly in excalidraw.com.

What is the best way to automate architecture diagram creation for sharing?▼

Automating architecture diagram creation for sharing is best done by defining shapes and arrows in Excalidraw element JSON with container bindings for text labels. You can then use a built-in script to upload the .excalidraw file and generate a shareable link.

Can I attach text labels to shapes using Excalidraw element JSON?▼

Yes, you can attach text labels to shapes by using container bindings within the Excalidraw element JSON. This follows the standard Excalidraw element schema to ensure labels remain attached to their parent containers.

Does this diagram generation method support exporting to shareable links?▼

Yes, the diagram generation method supports exporting to shareable links through an envelope-wrapping workflow. It includes a built-in script that uploads your generated .excalidraw file to produce a shareable URL.

Do I need any specific dependencies to create Excalidraw files from JSON?▼

You need the cryptography dependency installed to utilize the upload script for generating shareable links. Standard diagram generation from element JSON and saving as .excalidraw files relies on the included scripts and references.

Related Skills

Explore More Design & Creative Skills→
ChangZhou-xjChangZhou-xj

excalidraw

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

Community
Intermediate
AissenLiuAissenLiu

excalidraw

Create Excalidraw diagrams from element JSON and export them as .excalidraw files.

Community
Intermediate
neo4j-labsneo4j-labs
406

excalidraw

Generate Excalidraw JSON diagrams from textual descriptions.

Official
Basic
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate