skills.rest
Dq666dinger
Dq666dingerCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert structured element data into Excalidraw-compatible JSON diagrams.

1|Updated May 10, 2026
Search Tags:#json#excalidraw#visualization#diagrams#container-binding#element-json#diagram-sharing
One-click install
npx skills add https://github.com/Dq666dinger/my-hermes --skill excalidraw-dq666dinger
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Dq666dinger/my-hermes/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/Dq666dinger/my-hermes --skill excalidraw-dq666dinger

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Hand-drawn Excalidraw diagrams are created by writing standard Excalidraw element JSON and saving as .excalidraw files, enabling quick visualization without building a UI.

Core Features & Use Cases

  • Generate Excalidraw-compatible JSON envelopes from element data
  • Save and share diagrams by exporting .excalidraw files or uploading to excalidraw.com
  • Use for architecture diagrams, flowcharts, sequence diagrams, and concept maps

Quick Start

Save your Excalidraw element JSON as a .excalidraw file to create a shareable diagram.

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 element data?▼

To generate Excalidraw diagrams from JSON, you convert structured element data into an Excalidraw-compatible JSON envelope. This applies proper container bindings for text to create architecture diagrams, flowcharts, and concept maps without building a UI.

What is the Excalidraw envelope format used for in diagram visualization?▼

The Excalidraw envelope format is used to structure element JSON for diagram visualization. It ensures proper container bindings for text elements, enabling hand-drawn style architecture diagrams and sequence diagrams to be saved as .excalidraw files for quick sharing.

How do I save and share Excalidraw JSON diagrams as files?▼

To save and share Excalidraw JSON diagrams, you export your generated element JSON as a .excalidraw file. This creates a shareable diagram file, and you can optionally use script-based uploading to excalidraw.com for direct sharing.

Can I create architecture and sequence diagrams using Excalidraw JSON without a UI?▼

Yes, you can create architecture and sequence diagrams using Excalidraw JSON without a UI. By writing standard Excalidraw element JSON and applying the correct envelope format, you enable quick visualization of structured data as hand-drawn style diagrams.

Do I need container bindings for text elements in Excalidraw JSON diagrams?▼

Yes, you need container bindings for text elements in Excalidraw JSON diagrams to ensure text properly attaches to shapes. The conversion process enforces these container bindings within the Excalidraw envelope format for accurate diagram visualization.

Related Skills

Explore More Design & Creative Skills→
sheawinklersheawinkler
78

excalidraw

Generate hand-drawn diagrams from Excalidraw-compatible JSON data.

Community
Intermediate
musical-basicsmusical-basics

excalidraw

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

Community
Intermediate
githubgithub
37.6k

excalidraw-diagram-generator

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

Official
Intermediate
quiznatquiznat

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate