skills.rest
carterwayneskhizeine
carterwayneskhizeineCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Create editable Excalidraw diagrams from element JSON in .excalidraw files.

19|4|Updated Apr 22, 2026
Search Tags:#architecture#json#excalidraw#flowchart#sequence diagram#diagram generation#shareable link
One-click install
npx skills add https://github.com/carterwayneskhizeine/hermes-agent-windows-R --skill excalidraw-carterwayneskhizeine
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/carterwayneskhizeine/hermes-agent-windows-R/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/carterwayneskhizeine/hermes-agent-windows-R --skill excalidraw-carterwayneskhizeine

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Turning ideas into clear diagrams is slow when you have to manually draw everything, but teams still need consistent, editable visuals.

Core Features & Use Cases

  • Creates Excalidraw-ready diagrams by assembling standard Excalidraw element JSON into a single portable diagram file.
  • Enables architecture, flow, and sequence visuals using rectangles, ellipses, diamonds, arrows, and properly bound text labels.
  • Supports optional sharing by encrypting and uploading a diagram to excalidraw.com to generate a shareable link.

Quick Start

Instruct the AI to generate the Excalidraw elements JSON for an architecture flow, then save it as a .excalidraw file using write_file.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate an Excalidraw diagram from JSON?▼

You can generate Excalidraw diagrams by packaging standard Excalidraw element JSON into a .excalidraw file. This produces editable hand-drawn style diagrams for architecture and flow visualization.

How do I bind text labels to shapes in Excalidraw JSON?▼

Text labels are bound to shapes using the correct container binding structure with containerId and boundElements. This properly links labels to their parent shapes within the JSON envelope.

Can I create a shareable link for an Excalidraw diagram?▼

You can generate a shareable link by running scripts/upload.py with the cryptography dependency. This encrypts and uploads your diagram to excalidraw.com for shareable viewing.

What diagram types can I create using Excalidraw JSON?▼

You can create architecture, sequence, and flow diagrams using Excalidraw JSON. The structure supports elements like rectangles, ellipses, diamonds, and arrows with properly bound text labels.

Do I need any dependencies to upload Excalidraw diagrams for sharing?▼

Yes, uploading diagrams for sharing requires the cryptography dependency. You need it to run the upload script that encrypts files and generates shareable links on excalidraw.com.

Related Skills

Explore More Design & Creative Skills→
devMoezdevMoez
1

excalidraw

Generate Excalidraw diagrams as .excalidraw JSON files with optional upload.

Community
Intermediate
attentiondotnetattentiondotnet

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
xiaoquqixiaoquqi

excalidraw

Convert Excalidraw JSON into .excalidraw diagram files.

Community
Intermediate
royhenengelroyhenengel

architecture-diagrams

Generate system architecture diagrams, C4 models, flowcharts, and sequence diagrams using Mermaid and PlantUML.

Community
Intermediate