excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagrams offer a fast, hand-drawn style for visualizing architecture, workflows, and concepts directly from structured JSON, enabling quick diagram creation without heavy tooling.

Core Features & Use Cases

  • Generate .excalidraw files from Excalidraw element JSON arrays.
  • Open diagrams at excalidraw.com or share via generated links; supports simple diagrams, flows, and architecture visuals.
  • Optional upload script to publish a shareable link to Excalidraw.com.

Quick Start

Load this skill, supply your Excalidraw element JSON, and save it as 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 convert Excalidraw element JSON into a .excalidraw diagram file?

To convert Excalidraw element JSON into a .excalidraw diagram file, supply your structured JSON array to the Skill. It processes the Excalidraw JSON envelope format and generates a hand-drawn style diagram file for architecture visuals and flowcharts.

Can I generate a shareable link for my architecture diagram using Excalidraw JSON?

Yes, you can generate a shareable link for architecture diagrams using an optional Python upload script. Running scripts/upload.py publishes your generated .excalidraw file to excalidraw.com, returning a shareable link for your visualization.

What diagram types can I create from JSON using the Excalidraw format?

Using the Excalidraw JSON format, you can create hand-drawn style architecture diagrams, sequence diagrams, flowcharts, and conceptual maps. The Skill converts your structured JSON arrays into visual diagrams without requiring heavy tooling.

Do I need Python and the cryptography package to generate .excalidraw files?

You only need Python and the cryptography package if you want to upload diagrams and generate shareable links. Generating and saving .excalidraw diagram files from JSON does not require the Python runtime or the cryptography dependency.

What is the best way to visualize workflows from structured JSON without heavy tooling?

The best way to visualize workflows from structured JSON without heavy tooling is converting the data into Excalidraw diagram files. This approach enables fast creation of hand-drawn style architecture and conceptual maps directly from your JSON arrays.

Why does my Excalidraw JSON upload script fail to generate a shareable link?

Your Excalidraw JSON upload script fails to generate a shareable link if the Python runtime environment is missing the cryptography package. Ensure this required dependency is installed before executing the upload script to publish your diagram.