skills.rest
Devsoul2026
Devsoul2026COMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert Excalidraw element JSON into ready-to-use .excalidraw diagrams.

150|25|Updated Apr 20, 2026
Search Tags:#json#excalidraw#export#diagram#binding#envelope#diagram-sharing
One-click install
npx skills add https://github.com/Devsoul2026/Hermes-One-Click --skill excalidraw-devsoul2026
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Devsoul2026/Hermes-One-Click/tree/main/hermes-agent/skills/creative/excalidraw
Command: npx skills add https://github.com/Devsoul2026/Hermes-One-Click --skill excalidraw-devsoul2026

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Convert Excalidraw element JSON into ready-to-use .excalidraw diagrams.

Core Features & Use Cases

  • Generate standard Excalidraw envelopes from a JSON elements array to enable rapid diagram creation (architecture, flowcharts, UML).
  • Bind text labels to shapes using container-binding semantics to ensure consistent rendering across diagrams.
  • Optional: upload diagrams to Excalidraw.com to produce shareable links via the dedicated script.

Quick Start

Save your Excalidraw element JSON as a wrapped .excalidraw file and open it in Excalidraw.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I convert Excalidraw element JSON into a ready-to-use diagram?▼

You can generate Excalidraw diagrams from JSON by providing an elements array. The Skill wraps it in a standard Excalidraw envelope and supports container-binding to ensure text labels render consistently.

How does container-binding work when generating Excalidraw diagrams from JSON?▼

Container-binding binds text labels to shapes within the Excalidraw JSON envelope. This ensures consistent rendering of elements across architecture and flowchart diagrams.

Can I automatically generate shareable links for Excalidraw diagrams?▼

Yes, an optional upload script allows you to upload your generated .excalidraw diagrams to Excalidraw.com. This workflow produces shareable links for your architecture and workflow diagrams.

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

You need the cryptography dependency installed. This is required to run the scripts that convert your Excalidraw element JSON into valid .excalidraw diagrams and generate shareable links.

What is the best way to create architecture diagrams from structured JSON?▼

The best way to create architecture diagrams from structured JSON is mapping your data to an Excalidraw elements array. The Skill wraps this array into a standard envelope, enabling rapid diagram generation.

Related Skills

Explore More Design & Creative Skills→
ZardLi1115ZardLi1115
4

excalidraw

Convert structured JSON element definitions into valid Excalidraw diagram files.

Community
Basic
photonics-dhlphotonics-dhl

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
JamesFincherJamesFincher

excalidraw

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

Community
Basic
zaiyemeiyou404zaiyemeiyou404

excalidraw

Create JSON-based diagrams compatible with Excalidraw.

Community
Basic