excalidraw

Generate shareable Excalidraw diagram files from structured JSON.

Updated May 14, 2026

Search Tags:#architecture #json #excalidraw #flowchart #diagramming #visualization #sequence diagram

Ready to run

npx skills add https://github.com/SethyPagna/Secretary-Jarvis --skill excalidraw-sethypagna

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/SethyPagna/Secretary-Jarvis/tree/main/src/capabilities/skills/creative/excalidraw
Command: npx skills add https://github.com/SethyPagna/Secretary-Jarvis --skill excalidraw-sethypagna

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill turns diagram ideas into editable Excalidraw files, removing the need to draw complex architecture, flow, and sequence visuals by hand.

Core Features & Use Cases

JSON-Based Diagram Creation: Build diagrams as standard Excalidraw element JSON and save them as .excalidraw files.
Shareable Output: Upload diagrams for a viewable link when you need to share a sketch with teammates or clients.
Workflow Examples: Use it for system architecture maps, process flows, sequence diagrams, and concept diagrams that need quick iteration and easy editing.

Quick Start

Create a hand-drawn Excalidraw diagram for your system and save it as a shareable .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?▼

To generate Excalidraw diagrams from JSON, you provide structured Excalidraw element JSON, which the Skill processes into a downloadable .excalidraw file. It handles architecture diagrams, flowcharts, and sequence diagrams without manual drawing.

Can I create a shareable link for an Excalidraw flowchart?▼

Yes, you can create a shareable link for an Excalidraw flowchart by using the optional encrypted upload support. This generates a viewable link to share your system architecture maps and process flows with teammates or clients.

What is the best way to automate sequence diagram creation for system communication?▼

Automating sequence diagram creation is best done by defining your system communication flows as valid Excalidraw element JSON. This approach removes manual drawing and allows quick iteration of concept maps and process flows.

Do I need valid element JSON for Excalidraw container text bindings?▼

Yes, you need valid Excalidraw element JSON with correct container text bindings to ensure text stays attached to shapes. Proper JSON structure is required for the Skill to successfully save your architecture diagrams as .excalidraw files.

Does this diagramming approach support encrypted uploads?▼

Yes, the diagramming approach supports optional encrypted uploads for sharing. By utilizing the cryptography dependency, you can securely upload your generated .excalidraw files and produce a viewable link for external stakeholders.

What are the limitations of generating architecture diagrams from plain JSON?▼

The main limitation of generating architecture diagrams from plain JSON is that you must correctly structure the Excalidraw element JSON and container text bindings manually. Complex visual layouts require precise coordinate mapping within the JSON data.