excalidraw

Convert Excalidraw JSON into .excalidraw diagram files.

Updated May 1, 2026

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

Ready to run

npx skills add https://github.com/xiaoquqi/hermes-agent-skills --skill excalidraw-xiaoquqi

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/xiaoquqi/hermes-agent-skills/tree/main/creative/excalidraw
Command: npx skills add https://github.com/xiaoquqi/hermes-agent-skills --skill excalidraw-xiaoquqi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Turning Excalidraw JSON into readily usable diagram files that can be opened and shared without manual setup.

Core Features & Use Cases

Generate a .excalidraw envelope from standard Excalidraw element JSON and save as a .excalidraw file.
Open and edit diagrams directly in Excalidraw (excalidraw.com) or share via a generated link.
Supports diagram types including architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Create your Excalidraw element JSON, wrap it in the .excalidraw envelope, and save as a file named diagram.excalidraw; then optionally run the upload script to publish a shareable link.

Frequently Asked Questions about excalidraw

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

FAQPage Schema

How do I convert Excalidraw JSON into a diagram file I can open and edit?▼

To convert Excalidraw JSON, wrap your standard Excalidraw element JSON in a valid .excalidraw envelope and save it as a .excalidraw file. You can then open and edit this diagram file directly in Excalidraw.

What types of diagrams can I generate using Excalidraw JSON?▼

You can generate architecture diagrams, flowcharts, sequence diagrams, and concept maps using Excalidraw JSON. The conversion process wraps these standard Excalidraw elements into a ready-to-use diagram file.

Can I generate a shareable link after creating my Excalidraw diagram?▼

Yes, you can generate a shareable link for your Excalidraw diagram. After saving the JSON envelope as a .excalidraw file, you can optionally run the provided upload script to publish a shareable link.

Do I need the cryptography dependency to generate Excalidraw files?▼

The cryptography dependency is required to support the generation and optional publishing processes for Excalidraw files. It ensures the Excalidraw envelope is valid and enables the optional script for sharing links.

What is the best way to share an architecture diagram without manual setup?▼

The best way to share an architecture diagram without manual setup is converting your Excalidraw JSON into a .excalidraw file. You can then open it directly in Excalidraw or run the upload script to generate a shareable link.