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.