excalidraw

Generate hand-drawn Excalidraw diagrams from JSON elements arrays.

12|2|Updated Feb 2, 2020

Search Tags:#architecture #json #excalidraw #flowchart #diagrams #hand-drawn #envelope

Ready to run

npx skills add https://github.com/servitola/dotfiles --skill excalidraw-servitola

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/servitola/dotfiles/tree/main/claude-code/skills/excalidraw
Command: npx skills add https://github.com/servitola/dotfiles --skill excalidraw-servitola

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Generate hand-drawn-style Excalidraw diagrams (architecture, flowcharts, sequence) as .excalidraw files for easy sharing and editing.

Core Features & Use Cases

Write standard Excalidraw element JSON and save as a .excalidraw envelope.
Open and edit diagrams directly in Excalidraw (excalidraw.com) with no accounts or API keys required.
Optional: upload diagrams to Excalidraw for shareable links using the provided script.

Quick Start

Write your elements JSON array 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 hand-drawn Excalidraw diagrams from JSON?▼

To generate hand-drawn Excalidraw diagrams, write a standard Excalidraw elements JSON array and save it as a .excalidraw envelope file for direct viewing and editing on excalidraw.com.

Can I open .excalidraw files on excalidraw.com without an account or API key?▼

Yes, you can open and edit .excalidraw files directly on excalidraw.com without requiring any accounts or API keys, making hand-drawn diagram sharing immediately accessible.

What diagram types can I create using the Excalidraw envelope format?▼

The Excalidraw envelope format supports creating hand-drawn architecture diagrams, flowcharts, and sequence diagrams by writing standard Excalidraw element JSON arrays.

Do I need the cryptography package to upload diagrams for a shareable link?▼

Yes, the optional Python script used to upload diagrams to Excalidraw for generating shareable links requires the cryptography package to function properly.

What's the best way to share an Excalidraw flowchart with a team?▼

The best way to share an Excalidraw flowchart is to generate the .excalidraw file from JSON elements and optionally use the provided Python upload script to create a shareable link.