excalidraw

Creates editable .excalidraw files with standards-compliant element JSON for excalidraw.com.

Updated May 5, 2026
One-click install
npx skills add https://github.com/Z43L/zeus-agent --skill excalidraw-z43l
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Z43L/zeus-agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/Z43L/zeus-agent --skill excalidraw-z43l

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagram authorship becomes faster when you can generate hand-drawn style diagrams by producing valid Excalidraw JSON instead of relying on a manual drawing workflow.

Core Features & Use Cases

  • Hand-drawn diagrams via JSON: Create architecture, flow, and sequence diagrams by writing Excalidraw element JSON and saving it as a .excalidraw file.
  • Drag-and-drop editing: Open the generated .excalidraw file directly at excalidraw.com for editing without accounts.
  • Optional shareable links: Upload .excalidraw files to excalidraw.com using the provided upload script to get an encrypted, shareable URL.

Quick Start

Generate Excalidraw elements JSON, wrap it in the required .excalidraw envelope, save it as a .excalidraw file, then open it on excalidraw.com to view and edit.

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?

You can generate Excalidraw diagrams by creating standards-compliant Excalidraw element JSON, wrapping it in the required envelope structure, and saving it as a .excalidraw file for immediate use on excalidraw.com.

What is the best way to create architecture and flowcharts with a hand-drawn look?

Creating architecture and flowcharts with a hand-drawn look is best done by generating valid Excalidraw element JSON. This approach bypasses manual drawing workflows, allowing you to programmatically define sequence diagrams and concept maps before editing them on excalidraw.com.

Do I need an excalidraw.com account to edit generated diagram files?

No, you do not need an excalidraw.com account to edit generated diagram files. You can open the saved .excalidraw file directly on the platform for drag-and-drop editing without any external rendering or account requirements.

Can I create shareable links for my Excalidraw diagrams?

Yes, you can create shareable links for your Excalidraw diagrams by using the provided upload script. This script uploads your .excalidraw file to excalidraw.com and generates an encrypted, shareable URL using the installed cryptography dependency.

Does generating Excalidraw JSON require valid container bindings for labeled shapes?

Yes, generating Excalidraw JSON requires correct JSON envelope structure and valid element fields. For labeled shapes and arrows, you must apply optional container bindings to ensure the diagram elements render correctly when opened on excalidraw.com.