excalidraw

Generate .excalidraw files from JSON for use in your own apps.

Updated May 23, 2026
One-click install
npx skills add https://github.com/zengbaocheng/hermes-tech-hub --skill excalidraw-zengbaocheng
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/zengbaocheng/hermes-tech-hub/tree/main/creative/excalidraw
Command: npx skills add https://github.com/zengbaocheng/hermes-tech-hub --skill excalidraw-zengbaocheng

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Hand-drawn diagram sketches and quick visualizations without leaving your editor; convert JSON to shareable diagrams.

Core Features & Use Cases

  • Generate Excalidraw diagrams by supplying standard Excalidraw element JSON and saving as .excalidraw files.
  • Open, view, and edit diagrams on excalidraw.com, or generate shareable links using the included upload script.
  • Use cases: architecture diagrams, flowcharts, sequences, and concept maps from JSON.

Quick Start

Save your Excalidraw element JSON to a .excalidraw file and run the upload script to get a shareable URL.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I create Excalidraw diagrams from JSON?

To create Excalidraw diagrams from JSON, you write standard Excalidraw element JSON and save it directly as a .excalidraw file. This file can then be opened, viewed, and edited on excalidraw.com without needing external rendering libraries.

Do I need an API key or external libraries to generate Excalidraw files?

No, generating Excalidraw files requires no accounts, no API keys, and no external rendering libraries. You only need to supply the standard Excalidraw element JSON and save it as a .excalidraw file.

How can I share a JSON-generated Excalidraw flowchart via a URL?

To share an Excalidraw flowchart via a URL, run the included optional upload script after saving your JSON as a .excalidraw file. The script generates a shareable link so others can view the diagram directly.

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

Using Excalidraw element JSON, you can generate architecture diagrams, flowcharts, sequence diagrams, and concept maps. The process involves writing the JSON and saving it as a .excalidraw file for visualization.

What is the best way to visualize flowcharts without leaving my editor?

The best way to visualize flowcharts without leaving your editor is to write standard Excalidraw element JSON and save it as a .excalidraw file. You can then open and edit the diagram on excalidraw.com.

Does the Excalidraw JSON upload script require the cryptography dependency?

The Excalidraw JSON upload script operates with the cryptography dependency to help generate shareable URLs. Saving the standard element JSON locally as a .excalidraw file works independently for local viewing.