skills.rest
photonics-dhl
photonics-dhlCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Updated Apr 30, 2026
Search Tags:#design#architecture#json#excalidraw#visualization#diagrams#flowcharts
One-click install
npx skills add https://github.com/photonics-dhl/Hermes --skill excalidraw-photonics-dhl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/photonics-dhl/Hermes/tree/main/hermes-home/skills/creative/excalidraw
Command: npx skills add https://github.com/photonics-dhl/Hermes --skill excalidraw-photonics-dhl

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Generate hand-drawn style diagrams from Excalidraw element JSON, enabling rapid visualization without manual recreation.

Core Features & Use Cases

  • Convert standard Excalidraw element JSON envelopes into .excalidraw files for architecture diagrams, flowcharts, sequence diagrams, and concept maps.
  • Open and edit diagrams in Excalidraw or share via generated links using the .excalidraw envelope.
  • Use cases include quick diagram drafting for system architectures, UI flows, and data visualization sketches.

Quick Start

Provide a valid Excalidraw elements JSON array to generate 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?▼

To generate Excalidraw diagrams from JSON, provide a valid Excalidraw elements JSON array. The Skill transforms this JSON envelope into a usable .excalidraw file with the correct header for immediate visualization.

Can I convert Excalidraw element JSON into a shareable link?▼

Yes, you can convert Excalidraw element JSON into a shareable link. The Skill generates .excalidraw files and can optionally upload diagrams to excalidraw.com to produce shareable links for distribution.

What types of visualization can I create with Excalidraw JSON?▼

With Excalidraw JSON, you can create hand-drawn style visualizations for architecture diagrams, flowcharts, sequence diagrams, and concept maps. These enable rapid visualization drafting without manual recreation.

Do I need a specific JSON structure to create an .excalidraw file?▼

Yes, you need a standard Excalidraw elements JSON envelope to create an .excalidraw file. The Skill processes this specific JSON array structure and writes the file with the correct envelope header.

What is the best way to automate architecture diagram creation from JSON?▼

The best way to automate architecture diagram creation from JSON is using a Skill that transforms Excalidraw element JSON into .excalidraw files. This enables rapid system architecture visualization without manual drawing.

Related Skills

Explore More Design & Creative Skills→
ClubMediterraneeClubMediterranee
4

excalidraw

Translate natural language prompts into editable Excalidraw diagram files.

Official
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

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

Community
Intermediate
rnbenrnben

excalidraw

Create Excalidraw diagrams from element JSON and save .excalidraw files.

Community
Intermediate
ahostbrahostbr
12

excalidraw-diagrams

Generate Excalidraw diagrams from Python code as .excalidraw JSON files.

Community
Intermediate