skills.rest
zengbaocheng
zengbaochengCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

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

Updated May 23, 2026
Search Tags:#json#excalidraw#flowchart#visualization#sharing#diagram
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.

Related Skills

Explore More Design & Creative Skills→
kaminocorpkaminocorp
1

excalidraw

Generate hand-drawn style diagrams as Excalidraw JSON files with optional shareable link upload.

Official
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

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

Community
Intermediate
x-TheFoxx-TheFox

excalidraw

Create hand-drawn Excalidraw diagrams from JSON saved as .excalidraw files.

Community
Intermediate
neo4j-labsneo4j-labs
406

excalidraw

Generate Excalidraw JSON diagrams from textual descriptions.

Official
Basic