skills.rest
SethyPagna
SethyPagnaCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate shareable Excalidraw diagram files from structured JSON.

Updated May 14, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagramming#visualization#sequence diagram
One-click install
npx skills add https://github.com/SethyPagna/Secretary-Jarvis --skill excalidraw-sethypagna
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
BermudaLocalsBermudaLocals
1

excalidraw

Convert Excalidraw element JSON into reusable .excalidraw files.

Community
Intermediate
y0nchay0ncha
1

excalidraw-diagrams

Generate editable Excalidraw diagram files with programmatic layout and styling.

Community
Intermediate
ThuHuynh1438ThuHuynh1438

excalidraw-generator

Generate ready-to-open Excalidraw diagram files from natural language descriptions.

Community
Advanced
viktorbezdekviktorbezdek
10

visual-communication

Generate Mermaid and C4 diagram code from textual system descriptions.

Community
Intermediate