excalidraw

Convert structured element JSON into Excalidraw files (.excalidraw) with container bindings.

Updated Apr 26, 2026
One-click install
npx skills add https://github.com/dawsonblock/HERMY --skill excalidraw-dawsonblock
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/dawsonblock/HERMY/tree/main/hermes-agent-2026.4.23/skills/creative/excalidraw
Command: npx skills add https://github.com/dawsonblock/HERMY --skill excalidraw-dawsonblock

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Convert structured diagram definitions into Excalidraw .excalidraw files that can be opened and edited in Excalidraw.

Core Features & Use Cases

  • Generate Excalidraw envelopes from an elements JSON array with proper container bindings.
  • Support labeled shapes and arrows using container binding to ensure readable titles and annotations.
  • Create diagrams such as architecture diagrams, flowcharts, sequence diagrams, and concept maps, then save or share via Excalidraw.

Quick Start

Create an Excalidraw diagram from a valid elements array and save it as a .excalidraw file.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I convert JSON data into an Excalidraw diagram?

To convert JSON data into an Excalidraw diagram, provide a structured elements JSON array to generate a valid Excalidraw envelope. This creates a .excalidraw file containing your architecture diagrams or flowcharts that can be directly opened and edited on excalidraw.com.

How do I apply container binding to Excalidraw text elements?

Applying container binding to Excalidraw text elements involves defining labeled shapes and arrows within your elements JSON array. This mechanism ensures that titles and annotations remain attached to their containers, producing readable flowcharts and sequence diagrams in the final output.

Do I need the cryptography package to generate Excalidraw files?

Yes, you need the cryptography package when using the included upload script for generating Excalidraw files. This dependency is required to handle client-side encryption, ensuring your generated diagram definitions are securely processed before being saved or shared.

What types of diagrams can I create using Excalidraw JSON elements?

Using Excalidraw JSON elements, you can create architecture diagrams, flowcharts, sequence diagrams, and concept maps. By defining a valid elements array with proper container bindings, these structured definitions are converted into editable visual diagrams saved as .excalidraw files.

Can I use Excalidraw files generated from JSON on excalidraw.com?

Yes, Excalidraw files generated from JSON can be directly opened and edited on excalidraw.com. The Skill outputs standard .excalidraw files containing your diagram elements, ensuring full compatibility with the platform for further visualization and sharing.