excalidraw

Convert structured JSON element definitions into valid Excalidraw files.

Updated Jun 17, 2026

Search Tags:#architecture #json #excalidraw #visualization #diagrams #flowcharts

Ready to run

npx skills add https://github.com/cxnaive/hermes-agent-llbot --skill excalidraw-cxnaive

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/cxnaive/hermes-agent-llbot/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/cxnaive/hermes-agent-llbot --skill excalidraw-cxnaive

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill solves the friction of creating professional-looking, hand-drawn diagrams by allowing you to generate them directly from structured JSON data, bypassing the need for manual drag-and-drop interfaces.

Core Features & Use Cases

Programmatic Diagramming: Create architecture diagrams, flowcharts, and sequence diagrams using standard Excalidraw element JSON.
Shareable Visuals: Upload generated diagrams to excalidraw.com via the included script to obtain instant, shareable links.
Use Case: Automatically generate a sequence diagram representing a system architecture or a complex workflow process to include in technical documentation.

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?▼

Generating Excalidraw diagrams from JSON involves converting structured element definitions into valid Excalidraw files. This allows you to programmatically create flowcharts and architecture diagrams without manual drag-and-drop interfaces.

Can I automatically create architecture diagrams for technical documentation?▼

Yes, you can automatically create architecture diagrams for technical documentation. By defining structured JSON elements, you can generate hand-drawn style sequence maps and flowcharts to represent complex system workflows visually.

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

Yes, the cryptography library is required to upload diagrams to excalidraw.com. This dependency facilitates secure, client-side encrypted uploads of your generated Excalidraw files to the platform.

What is the best way to share programmatically generated flowcharts?▼

The best way to share programmatically generated flowcharts is to upload your JSON-derived Excalidraw files to excalidraw.com. This generates an instant, shareable link for your hand-drawn visuals.

How does JSON element definition work for sequence diagrams?▼

Defining JSON elements for sequence diagrams involves structuring data into standard Excalidraw elements that the skill converts into valid files. This mechanism maps out complex workflow processes and system architectures visually.

Does this approach work for visualizing complex workflow processes?▼

Yes, this approach works for visualizing complex workflow processes. You can generate sequence diagrams and flowcharts from structured JSON element definitions to map out intricate technical workflows.