skills.rest
Rheasilvia
RheasilviaCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert structured JSON element arrays into valid Excalidraw diagram files.

Updated Jun 25, 2026
Search Tags:#architecture#json#excalidraw#visualization#diagrams#flowcharts
One-click install
npx skills add https://github.com/Rheasilvia/hermes-desktop --skill excalidraw-rheasilvia
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Rheasilvia/hermes-desktop/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/Rheasilvia/hermes-desktop --skill excalidraw-rheasilvia

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill eliminates the need for manual drawing tools by allowing you to programmatically generate professional, hand-drawn style diagrams directly from structured JSON data.

Core Features & Use Cases

  • Diagram Generation: Create architecture diagrams, flowcharts, and sequence diagrams using standard Excalidraw JSON elements.
  • Shareable Visuals: Upload diagrams to excalidraw.com via the integrated script to generate instant, shareable links for collaboration.
  • Use Case: Quickly visualize complex system architectures or process flows by defining the elements in JSON and rendering them as a shareable diagram for team review.

Quick Start

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

To generate Excalidraw diagrams from JSON data, you provide structured JSON element arrays to the skill, which converts them into valid hand-drawn style Excalidraw files for technical visualization. This eliminates manual drawing tasks.

Can I create shareable links for architecture diagrams programmatically?▼

You can create shareable links for architecture diagrams by using the integrated script to upload generated Excalidraw files to excalidraw.com via encrypted client-side uploads, producing instant URLs for collaborative team review.

What is the process for converting structured JSON into flowcharts?▼

Converting structured JSON into flowcharts involves passing standard Excalidraw JSON elements to the skill, which programmatically renders them into hand-drawn style diagram files suitable for process flows and technical documentation.

Do I need the cryptography dependency to upload diagrams to excalidraw.com?▼

You need the cryptography dependency to facilitate direct cloud-based diagram hosting, as it enables the encrypted client-side uploads required to generate instant shareable links on excalidraw.com.

What types of technical visualizations can I build using JSON element arrays?▼

Using JSON element arrays, you can build architecture diagrams, flowcharts, and sequence diagrams to visualize complex system architectures or process flows for technical documentation and collaborative planning.

Related Skills

Explore More Design & Creative Skills→
InverterNetworkInverterNetwork

excalidraw

Convert structured JSON element arrays into valid Excalidraw diagram files.

Official
Intermediate
granietgraniet
247

excalidraw

Generate .excalidraw files with Hand-drawn-style diagrams from text descriptions.

Community
Intermediate
paxlabs-incpaxlabs-inc
7

excalidraw

Generate hand-drawn style diagrams from Excalidraw-compatible JSON element arrays.

Community
Intermediate
superfhpsuperfhp

excalidraw

Create Excalidraw diagrams from JSON and save .excalidraw files.

Community
Advanced