excalidraw

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

97|8|Updated Mar 20, 2026

Search Tags:#architecture #json #excalidraw #visualization #diagrams #flowcharts #hand-drawn

Ready to run

npx skills add https://github.com/peteromallet/megaplan --skill excalidraw-peteromallet

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/peteromallet/megaplan/tree/main/megaplan/agent/skills/creative/excalidraw
Command: npx skills add https://github.com/peteromallet/megaplan --skill excalidraw-peteromallet

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Create hand-drawn style diagrams from structured Excalidraw JSON data, enabling rapid visual prototypes without manual drawing.

Core Features & Use Cases

Diagram generation from JSON: assemble Excalidraw elements and persist as .excalidraw files for arch diagrams, flowcharts, sequences, and concept maps.
Envelope export & sharing: produce standard Excalidraw envelopes and optionally upload for shareable links via excalidraw.com.
Label binding support: use container binding with boundElements to ensure clear, labeled diagrams suitable for collaboration.
Use Case: rapidly prototype a software architecture diagram or a UML-style sequence diagram from JSON data.

Quick Start

Build an Excalidraw diagram by assembling element JSON 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 generate Excalidraw diagrams from JSON data?▼

To generate Excalidraw diagrams from JSON, assemble your diagram elements into JSON format and save it as a .excalidraw file. This creates architecture diagrams, flowcharts, and sequence diagrams without manual drawing.

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

Using Excalidraw JSON, you can create architecture diagrams, flowcharts, sequence diagrams, and concept maps. The skill assembles structured JSON elements and saves them as .excalidraw files for rapid visual prototyping.

How do I add labels to containers in an Excalidraw JSON diagram?▼

To add labels to containers in an Excalidraw JSON diagram, use container binding with boundElements. This ensures your diagrams have clear, labeled elements suitable for collaboration and visual clarity.

Can I share an Excalidraw diagram generated from JSON via a link?▼

Yes, you can share an Excalidraw diagram generated from JSON via a link. The skill produces a standard Excalidraw envelope and includes an upload script to generate shareable links via excalidraw.com.

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

Yes, the cryptography dependency is required to create Excalidraw files from JSON. It supports the internal processing required to assemble elements and produce the standard Excalidraw envelope for saving and sharing.