excalidraw

Generate editable .excalidraw files from JSON element descriptions.

87|20|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/openaeon/OpenAEON --skill excalidraw-openaeon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/openaeon/OpenAEON/tree/main/skills/excalidraw
Command: npx skills add https://github.com/openaeon/OpenAEON --skill excalidraw-openaeon

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the friction of creating diagrams by letting you generate Excalidraw-ready files directly from well-structured JSON, so you can produce consistent architecture and process visuals without manual drawing.

Core Features & Use Cases

  • Create Excalidraw diagrams via JSON: Generate rectangles, ellipses, diamonds, arrows, and labeled elements by writing Excalidraw element objects.
  • Save to shareable .excalidraw files: Produce standard .excalidraw documents that open in Excalidraw (e.g., excalidraw.com) and can be edited later.
  • Optionally upload for a shareable link: Upload an .excalidraw file to excalidraw.com using the provided upload script to get a URL for sharing.
  • Use cases: Architecture diagrams, flowcharts, sequence diagrams, and concept maps (especially when you want diagrams generated from structured specs).

Quick Start

Create a valid .excalidraw JSON document with an elements array and save it to ~/diagrams/my_diagram.excalidraw, then open it 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?

To generate Excalidraw diagrams from JSON, you create a valid .excalidraw document containing an elements array with rectangles, arrows, and text, then save it as a file to open at excalidraw.com.

Can I automate architecture diagram creation with Excalidraw JSON?

Yes, you can automate architecture diagram creation by writing Excalidraw element objects as structured JSON specs, removing the friction of manual drawing while producing consistent, editable process visuals.

Does generating .excalidraw files require any specific dependencies?

Generating .excalidraw files requires the cryptography dependency if you use the optional upload script, which encrypts your shareable link payload using AES-GCM before uploading to excalidraw.com.

How do I get a shareable link for an Excalidraw diagram?

To get a shareable link for an Excalidraw diagram, run the provided upload script to upload your saved .excalidraw file to excalidraw.com, which returns a URL encrypted with AES-GCM for secure sharing.

What is the best way to create editable flowcharts from structured specs?

The best way to create editable flowcharts from structured specs is generating standard .excalidraw files from JSON, allowing you to produce consistent diagrams that can be opened and modified directly in Excalidraw.