skills.rest
AlvaroBiano
AlvaroBianoCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Updated May 2, 2026
Search Tags:#architecture#json#excalidraw#flowchart#visualization#diagram#shareable
One-click install
npx skills add https://github.com/AlvaroBiano/hermes-agent --skill excalidraw-alvarobiano
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/AlvaroBiano/hermes-agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/AlvaroBiano/hermes-agent --skill excalidraw-alvarobiano

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Hand-drawn Excalidraw JSON diagrams are powerful but reproducing them from raw data can be tedious. This skill lets you define Excalidraw element JSON and save it as a .excalidraw file for quick viewing and editing in Excalidraw, with no accounts, no API keys, and no rendering libraries required — just JSON.

Core Features & Use Cases

  • Create diagrams by saving standard Excalidraw element JSON as .excalidraw files for viewing in excalidraw.com.
  • Supports standalone diagrams (architecture, flowcharts, sequence diagrams) and effortless sharing via an optional upload script.
  • Use with JSON-based templates to rapidly prototype visual mappings and diagrams from data.

Quick Start

Save your elements as a .excalidraw file and open it in Excalidraw to view or edit.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I convert Excalidraw JSON into a viewable diagram?▼

To convert Excalidraw JSON into a viewable diagram, you save the element JSON as a .excalidraw file. You can then open and edit this file directly in the Excalidraw web interface.

Do I need an API key or rendering library to generate Excalidraw files from JSON?▼

No API keys, accounts, or rendering libraries are required to generate Excalidraw files from JSON. The process relies solely on standard Excalidraw element JSON to create the output file.

Can I use this approach to create architecture and sequence diagrams from JSON?▼

Yes, you can use this JSON approach to create architecture and sequence diagrams. It supports standalone visual mappings by saving structured JSON data into Excalidraw files for editing.

How do I share the Excalidraw diagrams I generate from JSON?▼

To share Excalidraw diagrams generated from JSON, you use the included upload script. This optional script requires Python and the cryptography package to upload and share your files.

What is the best way to prototype visual mappings from existing data?▼

The best way to prototype visual mappings from existing data is using JSON-based templates. You define Excalidraw element JSON and save it as a .excalidraw file for rapid viewing and editing.

Related Skills

Explore More Design & Creative Skills→
forgivesam168forgivesam168
2

excalidraw-diagram-generator

Convert natural language descriptions into Excalidraw-compatible JSON diagram files.

Community
Intermediate
pertain99pertain99
1

openclaw-release-maintainer

Coordinate OpenClaw release planning, versioning, and publish validation across artifacts.

Community
Advanced
Devsoul2026Devsoul2026
150

excalidraw

Convert Excalidraw element JSON into ready-to-use .excalidraw diagrams.

Community
Intermediate
bahayonghangbahayonghang
16

excalidraw

Generate Excalidraw-compatible JSON diagrams with rectangles, text, and arrows.

Community
Intermediate