excalidraw

Transform Excalidraw element JSON into .excalidraw files.

Updated Apr 16, 2026

Search Tags:#json #excalidraw #visualization #diagrams #binding #shareable

Ready to run

npx skills add https://github.com/jacardl/New-Radar --skill excalidraw-jacardl

💬 Prompt for ChatGPT / Claude Chat▼

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.