skills.rest
AissenLiu
AissenLiuCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

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

Updated Apr 27, 2026
Search Tags:#json#excalidraw#diagramming#visualization#sharing#diagrams#hand-drawn
One-click install
npx skills add https://github.com/AissenLiu/EasyHermes --skill excalidraw-aissenliu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/AissenLiu/EasyHermes/tree/main/hermes-agent/skills/creative/excalidraw
Command: npx skills add https://github.com/AissenLiu/EasyHermes --skill excalidraw-aissenliu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill enables turning abstract Excalidraw JSON into ready-to-export diagrams (.excalidraw files) and provides an upload path to share links without requiring accounts.

Core Features & Use Cases

  • Create diagrams by writing standard Excalidraw element JSON and saving as .excalidraw files.
  • Bind text to shapes using container bindings for clean, labeled diagrams.
  • Share diagrams easily by uploading to excalidraw.com to generate shareable links without accounts.

Quick Start

Create a diagram by assembling the standard Excalidraw envelope JSON and saving it as a .excalidraw file, then run the upload script to generate a shareable link.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate hand-drawn diagrams from JSON data?▼

To generate hand-drawn diagrams from JSON, assemble standard Excalidraw element JSON envelopes with container-bound text labeling and save them as .excalidraw files. This method supports architecture diagrams, flowcharts, and sequence diagrams directly from structured data.

Can I create shareable links for Excalidraw diagrams without an account?▼

Yes, you can generate shareable links for Excalidraw diagrams without an account by running the provided upload script. This script exports your .excalidraw files to excalidraw.com, creating quick distribution links for your sketches.

How do I bind text to shapes when creating Excalidraw JSON?▼

To bind text to shapes when creating Excalidraw JSON, use container bindings within the standard Excalidraw envelope. This ensures clean, labeled diagrams where text remains attached to its corresponding shape.

What types of diagrams can I build using Excalidraw JSON?▼

Using Excalidraw JSON, you can build architecture diagrams, flowcharts, sequence diagrams, concept maps, and shareable sketches. The Skill processes standard Excalidraw JSON envelopes to export these various hand-drawn visualizations.

Do I need to write standard Excalidraw envelope JSON manually to use this Skill?▼

Yes, you need to provide standard Excalidraw envelope JSON to use this Skill, as it processes element JSON to create diagrams. You must assemble the JSON structure, including container bindings for text, before saving it as a .excalidraw file.

Related Skills

Explore More Design & Creative Skills→
anxiety135790anxiety135790

excalidraw

Create Excalidraw JSON diagram files from structured layout and labeling requirements.

Community
Intermediate
photonics-dhlphotonics-dhl

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
xiaoquqixiaoquqi

excalidraw

Convert Excalidraw JSON into .excalidraw diagram files.

Community
Intermediate
raiden076raiden076
2

openspec-explore

Explore codebases by reading context and diagramming relationships without writing code.

Community
Intermediate