skills.rest
JamesFincher
JamesFincherCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate Excalidraw diagrams from JSON element definitions and save as .excalidraw files.

Updated May 4, 2026
Search Tags:#architecture#json#excalidraw#flowcharts#sequence diagram#diagram generation#shareable links
One-click install
npx skills add https://github.com/JamesFincher/gengar --skill excalidraw-jamesfincher
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/JamesFincher/gengar/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/JamesFincher/gengar --skill excalidraw-jamesfincher

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the guesswork of drawing diagrams by letting you create Excalidraw files directly from Excalidraw element JSON, then view and share them instantly.

Core Features & Use Cases

  • Create diagrams from JSON: Build architecture diagrams, flowcharts, sequence diagrams, and concept maps using Excalidraw element objects.
  • Save valid .excalidraw files: Wrap your elements in the required envelope and write a downloadable .excalidraw document.
  • Optionally upload for sharing: Encrypts and uploads the diagram to excalidraw.com to produce a shareable link, with no account required.

Quick Start

Create an Excalidraw element JSON array, wrap it in the standard .excalidraw envelope, and save it as a .excalidraw file using write_file so it can be opened at excalidraw.com.

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

You generate Excalidraw diagrams by creating valid Excalidraw element JSON arrays, wrapping them in the standard .excalidraw envelope, and saving the output as a downloadable .excalidraw file for viewing and editing.

What diagram types can I create using Excalidraw element JSON?▼

You can create architecture diagrams, flowcharts, sequence diagrams, and concept maps using Excalidraw element JSON, ensuring correct element schema and container binding for labeled text.

How do I get a shareable link for an Excalidraw file without an account?▼

To get a shareable link without an account, use the provided upload script to encrypt and upload your Excalidraw diagram to excalidraw.com, which generates a shareable URL automatically.

What is the required JSON structure for Excalidraw container binding?▼

Excalidraw container binding requires ensuring the correct element schema within your JSON array, which binds labeled text to its parent shape so labels stay attached during editing.

Do I need the cryptography dependency to create Excalidraw files?▼

You only need the cryptography dependency if you want to encrypt and upload your diagrams to excalidraw.com for shareable links; saving local .excalidraw files does not require it.

Are there limitations when generating sequence diagrams via Excalidraw JSON?▼

Generating sequence diagrams via Excalidraw JSON requires manually structuring the element schema and container bindings, as the process outputs raw JSON envelopes rather than auto-layout diagram structures.

Related Skills

Explore More Design & Creative Skills→
Devsoul2026Devsoul2026
150

excalidraw

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

Community
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

Generate Excalidraw-compatible JSON diagrams and save them as .excalidraw files.

Community
Intermediate
Z43LZ43L

excalidraw

Creates editable .excalidraw files with standards-compliant element JSON for excalidraw.com.

Community
Basic
bahayonghangbahayonghang
16

excalidraw

Generate Excalidraw-compatible JSON diagrams with rectangles, text, and arrows.

Community
Intermediate