excalidraw

Generate Excalidraw-compatible diagram JSON files as .excalidraw bundles.

Updated Apr 23, 2026

Search Tags:#architecture #json #excalidraw #flowchart #visualization #diagram #shareable

Ready to run

npx skills add https://github.com/Chris-Chai-Minjae/hermes-agent-r1-bridge --skill excalidraw-chris-chai-minjae

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Chris-Chai-Minjae/hermes-agent-r1-bridge/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/Chris-Chai-Minjae/hermes-agent-r1-bridge --skill excalidraw-chris-chai-minjae

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Create diagrams using hand-drawn style visuals by writing standard Excalidraw element JSON and saving them as .excalidraw files, eliminating the need for complex diagram tooling.

Core Features & Use Cases

Generate Excalidraw-compatible element JSON envelopes and save as .excalidraw files for quick viewing in excalidraw.com.
Create architecture diagrams, flowcharts, sequence diagrams, and concept maps using plain JSON without external rendering libraries.
Shareable workflows: drag-and-drop into Excalidraw or upload via the included script to generate shareable links.

Quick Start

Create a simple Excalidraw diagram by composing a JSON elements array and saving it as 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?▼

You can generate Excalidraw diagrams by composing a standard JSON elements array and saving it as a .excalidraw file. This approach eliminates complex diagram tooling by relying only on plain JSON handling.

Can I create architecture and flowchart diagrams using only JSON?▼

Yes, you can create architecture diagrams, flowcharts, and concept maps using plain JSON. The process encodes element arrays into .excalidraw bundles, enabling rapid sharing through Excalidraw viewers without external rendering libraries.

How do I get a shareable link for an Excalidraw diagram?▼

To get a shareable link, drag-and-drop your generated .excalidraw file into Excalidraw or upload it using an included Python script. This uploads the JSON element array to excalidraw.com to generate the link.

Do I need external rendering libraries to create Excalidraw files?▼

No, you do not need any external rendering libraries. The workflow requires only JSON handling to encode element arrays into .excalidraw bundles, which can then be viewed directly in excalidraw.com.

What is the best way to automate hand-drawn style diagram creation?▼

The best way to automate hand-drawn style diagram creation is by encoding standard Excalidraw element JSON arrays into .excalidraw files. This enables rapid generation of architecture and flowchart diagrams without manual drawing.