excalidraw

Convert structured JSON element definitions into valid .excalidraw files.

1|Updated Jul 31, 2026
One-click install
npx skills add https://github.com/icyzh/hermes-web --skill excalidraw-icyzh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/icyzh/hermes-web/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/icyzh/hermes-web --skill excalidraw-icyzh

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the challenge of creating professional-looking, hand-drawn architecture diagrams, flowcharts, and sequence diagrams without needing a complex GUI or proprietary software.

Core Features & Use Cases

  • JSON-to-Diagram: Converts structured JSON element arrays into standard .excalidraw files.
  • Shareable Visuals: Enables instant diagram sharing via excalidraw.com using an automated upload script.
  • Use Case: Quickly visualize complex system architectures or sequence flows by defining elements in JSON and generating a shareable link for team review.

Quick Start

Use the excalidraw skill to generate a diagram from the provided JSON elements and upload it for 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 data?▼

Generating hand-drawn diagrams from JSON involves converting structured JSON element arrays into valid .excalidraw files. This allows automated creation of architecture diagrams, flowcharts, and sequence maps for technical documentation.

Can I automatically share generated Excalidraw files via a link?▼

Yes, you can automatically share generated Excalidraw files by running an automated upload script that performs encrypted uploads to the excalidraw.com platform, outputting a shareable link for team collaboration.

What is the best way to create flowcharts for technical documentation without a GUI?▼

The best way to create flowcharts without a GUI is to define structured JSON element arrays and convert them into .excalidraw files. This approach yields hand-drawn style flowcharts and sequence maps suitable for technical documentation.

Does the Excalidraw generation process require any specific dependencies?▼

Yes, the Excalidraw generation process requires the cryptography dependency. This library enables the automated cloud-based sharing functionality by facilitating encrypted uploads to the excalidraw platform.

Why use JSON to build architecture diagrams instead of standard drawing tools?▼

Using JSON to build architecture diagrams avoids the need for complex GUIs or proprietary software. It enables automated, version-controlled generation of hand-drawn style architecture diagrams and sequence maps for technical documentation.