excalidraw

Generate Excalidraw diagrams from a JSON elements array and export as .excalidraw files.

31|3|Updated May 7, 2026
One-click install
npx skills add https://github.com/markwang2658/hermes-windows-native --skill excalidraw-markwang2658
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/markwang2658/hermes-windows-native/tree/main/hermes-agent/skills/creative/excalidraw
Command: npx skills add https://github.com/markwang2658/hermes-windows-native --skill excalidraw-markwang2658

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagram authorship can be done programmatically by composing standard Excalidraw element JSON and saving as .excalidraw files, avoiding manual UI work and enabling easy versioning.

Core Features & Use Cases

  • Generate and save Excalidraw diagrams from a JSON elements array.
  • Open and edit diagrams in excalidraw.com, with optional shareable links via the upload script.
  • Use cases include architecture diagrams, flowcharts, and sequence diagrams.

Quick Start

Create a new diagram by writing a JSON array of Excalidraw elements and saving it as diagram.excalidraw, then optionally upload to generate 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 generate Excalidraw diagrams from JSON automatically?

You can generate Excalidraw diagrams from JSON by composing a standard Excalidraw element array and saving it as a .excalidraw file. This approach avoids manual UI work and enables programmatic diagram creation with easy versioning.

What types of diagrams can I create programmatically using a JSON element array?

Using a JSON element array to define Excalidraw diagrams supports creating architecture diagrams, flowcharts, and sequence diagrams. You define the target diagrams by structuring the elements array and exporting the result as an .excalidraw file.

Can I upload Excalidraw files to generate shareable links?

Yes, you can upload Excalidraw files to generate shareable links using the optional upload script. This script requires the cryptography package to be installed in your environment to successfully process the upload and return the link.

Do I need the cryptography package to create and view Excalidraw diagrams?

You do not need the cryptography package to create or view Excalidraw diagrams; saving a JSON element array as an .excalidraw file is sufficient. The cryptography package is only required for the optional upload script that generates shareable links.

How do I view and edit Excalidraw diagrams after exporting the JSON file?

After exporting the JSON element array as an .excalidraw file, you can open and edit the diagrams directly in excalidraw.com. This allows you to view the generated hand-drawn visualization and make further manual adjustments if needed.

What is the best way to version control Excalidraw diagrams?

The best way to version control Excalidraw diagrams is to author them programmatically by composing standard Excalidraw element JSON. Saving these JSON arrays as .excalidraw files avoids manual UI work and enables easy versioning of architecture and flowchart diagrams.