skills.rest
heysuhas
heysuhasCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Convert structured JSON element arrays into .excalidraw diagram files.

2|1|Updated Jul 14, 2026
Search Tags:#architecture#json#excalidraw#visualization#diagrams#flowcharts
One-click install
npx skills add https://github.com/heysuhas/hermes_cli --skill excalidraw-heysuhas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/heysuhas/hermes_cli/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/heysuhas/hermes_cli --skill excalidraw-heysuhas

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 GUI or complex rendering software.

Core Features & Use Cases

  • JSON-to-Diagram: Converts structured JSON element arrays into valid .excalidraw files.
  • Shareable Visuals: Includes a script to upload diagrams to excalidraw.com for instant, shareable links.
  • Use Case: Quickly generate a sequence diagram for a system architecture review by defining the actors and message flow in JSON, then uploading it to share with your team.

Quick Start

Use the excalidraw skill to generate a diagram file named architecture.excalidraw based on the provided JSON elements array.

Frequently Asked Questions about excalidraw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate hand-drawn diagrams from JSON data?▼

To generate hand-drawn diagrams from JSON, you convert structured JSON element arrays into valid .excalidraw files. This approach creates architecture mapping, flowcharts, and sequence diagrams without needing a GUI or complex rendering software.

Can I upload my .excalidraw diagrams to excalidraw.com for sharing?▼

Yes, you can upload .excalidraw diagrams to excalidraw.com. The skill includes a script to upload diagrams for instant, shareable links, requiring the cryptography library for secure, client-side encrypted uploads.

Do I need the cryptography library to create and upload Excalidraw files?▼

Yes, the cryptography library is required. It handles secure, client-side encrypted uploads to the Excalidraw platform when you use the sharing script to generate shareable links for your diagrams.

What is the best way to create an architecture diagram for a system review without a GUI?▼

The best way to create an architecture diagram without a GUI is defining actors and message flow in a structured JSON elements array. This JSON-to-Diagram conversion generates a .excalidraw file for your review.

Does this JSON-to-Diagram approach support sequence diagrams and flowcharts?▼

Yes, the JSON-to-Diagram approach supports sequence diagrams and flowcharts. It handles complex visualization tasks by converting structured JSON element definitions into hand-drawn style .excalidraw files.

Related Skills

Explore More Design & Creative Skills→
Devsoul2026Devsoul2026
150

excalidraw

Convert Excalidraw element JSON into ready-to-use .excalidraw diagrams.

Community
Intermediate
AissenLiuAissenLiu

excalidraw

Create Excalidraw diagrams from element JSON and export them as .excalidraw files.

Community
Intermediate
VictorSmaniottoVictorSmaniotto

diagram-generator

Generate Mermaid and PlantUML definitions for data models, workflows, and system architecture.

Community
Advanced
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate