skills.rest
AlexiosBluffMara
AlexiosBluffMaraCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate Excalidraw diagrams from element JSON and export .excalidraw files.

2|Updated Apr 25, 2026
Search Tags:#architecture#json#excalidraw#flowchart#visualization#diagram
One-click install
npx skills add https://github.com/AlexiosBluffMara/mercury --skill excalidraw-alexiosbluffmara
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/AlexiosBluffMara/mercury/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/AlexiosBluffMara/mercury --skill excalidraw-alexiosbluffmara

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw Diagram Skill enables you to generate hand-drawn style diagrams by supplying standard Excalidraw element JSON and saving the output as a .excalidraw file, bypassing manual drawing in a GUI.

Core Features & Use Cases

  • Generate Excalidraw diagrams from element JSON and export .excalidraw files that can be opened on excalidraw.com.
  • Bind text to shapes using container binding and the Excalidraw envelope format to ensure text appears with shapes.
  • Upload diagrams for shareable links using the included scripts/upload.py, which returns a public Excalidraw URL.

Quick Start

Load this skill, write your Excalidraw element JSON, and save the file as a .excalidraw.

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 without using the GUI?▼

Generate Excalidraw diagrams from JSON by supplying standard element JSON and saving the output as a .excalidraw file. This bypasses manual drawing by composing Excalidraw JSON with optional bindings and envelopes.

Can I bind text to shapes in Excalidraw using JSON?▼

Bind text to shapes in Excalidraw using container binding and the Excalidraw envelope format. This ensures text appears correctly attached to shapes within the generated JSON structure.

How to get a shareable link for an Excalidraw diagram using a script?▼

Upload diagrams for shareable links using the included scripts/upload.py. This script returns a public Excalidraw URL after processing your generated .excalidraw file.

What diagram types can I create by composing Excalidraw JSON?▼

Compose Excalidraw JSON to create architecture diagrams, flowcharts, sequence diagrams, and concept maps. The Skill supports the Excalidraw v2 envelope format for these visualizations.

Does the Excalidraw JSON generation skill support the v2 envelope format?▼

The skill supports the Excalidraw v2 envelope format, allowing you to compose element JSON with optional bindings and envelopes for proper structure and text container binding.

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

The cryptography dependency is required to support the included upload workflow via scripts/upload.py to obtain a shareable link for your generated Excalidraw diagrams.

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
carterwayneskhizeinecarterwayneskhizeine
19

excalidraw

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

Community
Intermediate
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate