skills.rest
adm-humanerd
adm-humanerdCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate .excalidraw files from Excalidraw element JSON.

Updated Aug 27, 2026
Search Tags:#architecture#json#excalidraw#flowchart#visualization#diagram
One-click install
npx skills add https://github.com/adm-humanerd/drewgent --skill excalidraw-adm-humanerd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/adm-humanerd/drewgent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/adm-humanerd/drewgent --skill excalidraw-adm-humanerd

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Converts standard Excalidraw element JSON into portable, hand-drawn style diagrams stored as .excalidraw files, enabling quick visualizations without manual drawing.

Core Features & Use Cases

  • Generate .excalidraw files from a JSON array of elements for architecture diagrams, flowcharts, sequence diagrams, and concept maps.
  • Open, edit, and share diagrams via excalidraw.com, or use the optional upload tool to publish a shareable link.

Quick Start

Save your Excalidraw JSON as a .excalidraw file and optionally publish a shareable link using the provided upload script.

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

To generate Excalidraw diagrams from JSON, you provide a valid JSON array of Excalidraw elements. The Skill processes this standard JSON structure and saves it directly as a portable .excalidraw file for immediate visualization.

Can I create architecture and flowchart diagrams from JSON without drawing manually?▼

Yes, you can create architecture, flowchart, and sequence diagrams from JSON without manual drawing. The Skill converts standard Excalidraw element JSON into hand-drawn style diagrams stored as .excalidraw files for quick visualizations.

Do I need a Python environment to convert Excalidraw JSON to .excalidraw files?▼

Yes, you need a Python environment to convert Excalidraw JSON to .excalidraw files. A Python setup is required to process the JSON elements, and the optional upload.py utility uses the cryptography package to publish shareable links.

How do I publish a shareable link for an Excalidraw diagram?▼

To publish a shareable link for an Excalidraw diagram, you use the optional scripts/upload.py utility. This script leverages the cryptography package to upload your generated .excalidraw file and return a shareable link via Excalidraw's web upload.

What is the required JSON structure for generating Excalidraw diagram files?▼

The required JSON structure for generating Excalidraw diagram files must include a valid elements array. This standard Excalidraw element JSON format is necessary for the Skill to correctly parse the data and save it as a functional .excalidraw file.

Related Skills

Explore More Design & Creative Skills→
forgivesam168forgivesam168
2

excalidraw-diagram-generator

Convert natural language descriptions into Excalidraw-compatible JSON diagram files.

Community
Intermediate
attentiondotnetattentiondotnet

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
Devsoul2026Devsoul2026
150

excalidraw

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

Community
Intermediate
NITISH-gitbitNITISH-gitbit

excalidraw

Generate hand-drawn Excalidraw diagrams from JSON element specifications.

Community
Intermediate