skills.rest
musical-basics
musical-basicsCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate Excalidraw diagrams from element JSON and save as .excalidraw files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It enables converting Excalidraw element JSON into ready-to-use, hand-drawn style diagrams saved as .excalidraw files, avoiding manual drawing.

Core Features & Use Cases

  • Generate Excalidraw diagrams from standard element JSON and save as .excalidraw files.
  • Drag-and-drop the generated file into Excalidraw for viewing and editing.
  • Optionally upload to excalidraw.com to obtain a shareable link using the provided script.

Quick Start

Save your diagram by writing the Excalidraw element JSON and saving it as a .excalidraw file; optionally generate a shareable link using the provided upload script.

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 automatically?▼

To generate Excalidraw diagrams from JSON, write standard Excalidraw element JSON and save it directly as a .excalidraw file, avoiding manual drawing for automated diagram creation.

Can I create hand-drawn flowcharts and architecture diagrams without using the visual editor?▼

Yes, you can create hand-drawn flowcharts and architecture diagrams by writing standard Excalidraw element JSON and saving the output as a .excalidraw file ready for viewing.

What's the best way to share an Excalidraw diagram via a public link?▼

The best way to share an Excalidraw diagram is by using the provided upload script to upload your generated .excalidraw file to excalidraw.com, which obtains a shareable public link.

Do I need to manually edit the .excalidraw file after generating it?▼

No, you can drag and drop the generated .excalidraw file directly into Excalidraw for immediate viewing and editing, though the initial JSON must be structured correctly.

Does the cryptography dependency affect how Excalidraw element JSON is processed?▼

The cryptography dependency is utilized by the provided upload script to securely handle the file upload process to excalidraw.com, rather than altering the Excalidraw element JSON generation itself.

Related Skills

Explore More Design & Creative Skills→
forgivesam168forgivesam168
2

excalidraw-diagram-generator

Convert natural language descriptions into Excalidraw-compatible JSON diagram files.

Community
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

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

Community
Intermediate
moltis-orgmoltis-org
2.8k

excalidraw

Export Excalidraw element JSON as .excalidraw diagram files.

Official
Intermediate
kngender5kngender5

excalidraw

Create architecture, flowchart, and sequence diagrams from Excalidraw JSON elements.

Community
Basic