skills.rest
jacardl
jacardlCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Transform Excalidraw element JSON into .excalidraw files.

Updated Apr 16, 2026
Search Tags:#json#excalidraw#visualization#diagrams#binding#shareable
One-click install
npx skills add https://github.com/jacardl/New-Radar --skill excalidraw-jacardl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/jacardl/New-Radar/tree/main/backend/frameworks/hermes-agent/skills/creative/excalidraw
Command: npx skills add https://github.com/jacardl/New-Radar --skill excalidraw-jacardl

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Writing structured Excalidraw element JSON and saving it as a .excalidraw file enables fast, shareable diagram creation without manual drawing.

Core Features & Use Cases

  • Generate .excalidraw diagrams by exporting an array of Excalidraw element objects in JSON.
  • Save the result as a .excalidraw file that can be opened on excalidraw.com or imported for sharing.
  • Support container binding and text labels to ensure properly labeled diagrams; optionally publish a shareable link via the included upload script.
  • Works for architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Write your Excalidraw elements as JSON and save them to 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 elements?▼

Yes, you can use .excalidraw files for architecture diagrams, flowcharts, sequence diagrams, and concept maps. The workflow transforms JSON elements into shareable visual files suitable for quick diagram creation and distribution.

How do I create labeled Excalidraw diagrams with container bindings?▼

You create labeled Excalidraw diagrams by defining container bindings and text labels within your JSON elements. This ensures properly labeled diagrams by binding text elements to their parent containers in the JSON structure.

Does the Excalidraw JSON export support the appState and version envelope structure?▼

Yes, the Excalidraw JSON export satisfies the full envelope structure including version, elements, and appState. This ensures the generated .excalidraw files are valid and can be opened directly on excalidraw.com or imported for sharing.

How do I share Excalidraw diagrams created from JSON?▼

You share Excalidraw diagrams created from JSON by saving the exported elements as a .excalidraw file and optionally publishing a shareable link via the included upload script for quick visual distribution.

Do I need to draw shapes manually when using JSON to create Excalidraw files?▼

No, you do not need to draw shapes manually when using JSON to create Excalidraw files. Writing structured Excalidraw element JSON and exporting it enables fast diagram creation without manual drawing.

Related Skills

Explore More Design & Creative Skills→
gigagiovagigagiova

excalidraw

Generate hand-drawn style diagrams as Excalidraw element JSON saved to .excalidraw files.

Community
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

Generate Excalidraw-compatible JSON diagrams and save them as .excalidraw files.

Community
Intermediate
servitolaservitola
12

excalidraw

Generate hand-drawn Excalidraw diagrams from JSON elements arrays.

Community
Intermediate
ThierryNThierryN
77

excalidraw-diagrams

Generate Excalidraw diagrams programmatically with Python scripts.

Community
Intermediate