skills.rest
twjarviszyra-web
twjarviszyra-webCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Creates Excalidraw diagrams from structured JSON and saves them as .excalidraw files.

3|Updated Apr 4, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagramming#sequence diagram
One-click install
npx skills add https://github.com/twjarviszyra-web/hermes-unbound --skill excalidraw-twjarviszyra-web
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/twjarviszyra-web/hermes-unbound/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/twjarviszyra-web/hermes-unbound --skill excalidraw-twjarviszyra-web

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the friction of building clean, editable diagrams by hand and turns structured diagram ideas into Excalidraw files that can be opened, edited, and shared.

Core Features & Use Cases

  • Diagram creation: Build architecture diagrams, flowcharts, sequence diagrams, concept maps, and other visual explanations in Excalidraw JSON format.
  • Shareable output: Save diagrams as .excalidraw files that can be opened directly in Excalidraw or uploaded for a shareable link.
  • Deterministic publishing: Use the included upload script when you need an encrypted upload workflow for quick diagram sharing.
  • Use case: A product or engineering team can quickly turn a system design discussion into a reusable visual artifact without needing a dedicated drawing tool.

Quick Start

Ask the skill to create an Excalidraw diagram for your system or process, and it will generate a valid .excalidraw file with the necessary element structure.

Frequently Asked Questions about excalidraw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an Excalidraw diagram from JSON?▼

You can create an Excalidraw diagram by providing structured JSON to the Skill, which outputs a valid .excalidraw file using Excalidraw element formatting. This handles container-bound labels, architecture diagrams, flowcharts, and sequence diagrams automatically.

What is the best way to create shareable architecture diagrams from structured data?▼

Creating shareable architecture diagrams is best done by generating Excalidraw JSON, which saves as a .excalidraw file ready to be opened or uploaded. An optional encrypted upload script provides deterministic publishing to excalidraw.com for quick sharing.

Can I use structured JSON to build flowcharts and sequence diagrams for engineering tasks?▼

Yes, structured JSON builds flowcharts and sequence diagrams for engineering tasks by converting data into Excalidraw element formatting. The output is a clean, editable diagram file that serves as a reusable visual artifact for your design workflows.

Does the Excalidraw upload script support encrypted publishing to excalidraw.com?▼

Yes, the Excalidraw upload script supports encrypted publishing to excalidraw.com. It uses the cryptography dependency to provide a deterministic encrypted upload workflow, generating shareable links for your exported .excalidraw diagram files.

Do I need to manually draw elements when creating an Excalidraw file for a system design?▼

No, you do not need to manually draw elements to create an Excalidraw file for a system design. The Skill removes friction by constructing the Excalidraw element structure, including container-bound labels, directly from your structured JSON input.

Related Skills

Explore More Design & Creative Skills→
SethyPagnaSethyPagna

excalidraw

Generate shareable Excalidraw diagram files from structured JSON.

Community
Advanced
AissenLiuAissenLiu

excalidraw

Create Excalidraw diagrams from element JSON and export them as .excalidraw files.

Community
Intermediate
robertbr123robertbr123

excalidraw

Convert JSON input into Excalidraw diagram files.

Community
Basic
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate