excalidraw

Convert structured JSON element definitions into valid Excalidraw diagram files.

4|Updated May 18, 2026
One-click install
npx skills add https://github.com/ZardLi1115/zedclaw --skill excalidraw-zardli1115
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/ZardLi1115/zedclaw/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/ZardLi1115/zedclaw --skill excalidraw-zardli1115

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagrams are hard to generate programmatically without manually drawing, especially when you need repeatable, versionable architecture or flow diagrams.

Core Features & Use Cases

  • Generate Excalidraw diagram files from JSON for architecture, flow, sequence, and concept diagrams.
  • Produce shareable diagrams via encrypted upload so you can create links without accounts or server-side rendering.
  • Follow safe, valid Excalidraw element conventions like container binding for labels and correct element sizing.

Quick Start

Write an Excalidraw elements JSON array, wrap it in the standard .excalidraw envelope, save it as a .excalidraw file, then optionally run the skill’s upload script to get a shareable URL.

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 define structured element arrays, wrap them in the standard .excalidraw envelope, and save them as reproducible plain files for architecture and flowcharts.

What is the best way to create reproducible architecture diagrams without manual drawing?

Creating reproducible architecture diagrams programmatically is best done by converting structured JSON element definitions into valid .excalidraw files, enabling versionable diagram generation without manual drawing.

Can I share Excalidraw files without an account using encrypted upload?

Yes, you can share Excalidraw files without an account by running the provided upload script to perform AES-GCM encrypted client-side upload and generate a shareable URL.

Does Excalidraw JSON generation support container-bound text and arrow labels?

Excalidraw JSON generation supports container-bound text and arrow labels by strictly adhering to Excalidraw element schemas, ensuring correct element sizing and valid diagram structure.

What types of diagrams can I create using JSON to Excalidraw conversion?

JSON to Excalidraw conversion supports creating architecture diagrams, flowcharts, sequence diagrams, and concept maps where diagrams need to be reproducible and stored as plain files.

Why do my generated Excalidraw sequence diagrams not render correctly?

Generated Excalidraw sequence diagrams may not render correctly if the structured JSON element definitions fail to strictly adhere to Excalidraw element schemas or container binding conventions.