skills.rest
john-data-chen
john-data-chenCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

2|Updated Apr 25, 2026
Search Tags:#architecture#json#excalidraw#visualization#diagrams#flowcharts#hand-drawn
One-click install
npx skills add https://github.com/john-data-chen/hermes-agent-backup --skill excalidraw-john-data-chen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/john-data-chen/hermes-agent-backup/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/john-data-chen/hermes-agent-backup --skill excalidraw-john-data-chen

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill lets you create Excalidraw diagrams by feeding standard element JSON, removing the tedium of manual drawing and accelerating visual documentation.

Core Features & Use Cases

  • Generate .excalidraw files from standard Excalidraw element JSON that can be opened in excalidraw.com or edited offline.
  • No accounts required: diagrams can be created entirely from local JSON, with an optional script to publish a shareable link.
  • Use cases include architecture diagrams, flowcharts, and sequence diagrams, enabling rapid diagrammatic representation of ideas and systems.
  • The included script can upload a diagram to Excalidraw and return a shareable URL without server-side keys in your code.

Quick Start

Save your Excalidraw JSON as a .excalidraw file to create a diagram, then optionally run the upload script to publish a shareable link.

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, provide standard Excalidraw element JSON to produce ready-to-use .excalidraw files. These files can be opened directly in excalidraw.com or edited offline, removing the need for manual drawing.

Can I create architecture diagrams and flowcharts without an Excalidraw account?▼

Yes, you can create architecture diagrams and flowcharts without an account by generating .excalidraw files entirely from local JSON. An optional upload script is available to publish your diagram and return a shareable URL without server-side keys.

How do I get a shareable link for an Excalidraw file?▼

To get a shareable link, run the included upload script after saving your Excalidraw JSON as a .excalidraw file. This script uploads the diagram to Excalidraw and returns a shareable URL without requiring server-side keys in your code.

What JSON structure is needed to create Excalidraw files?▼

You need standard Excalidraw element JSON to create valid .excalidraw files. The Skill validates the JSON structure to ensure the resulting architecture, sequence, or flowchart diagrams can be opened correctly on excalidraw.com.

Does generating Excalidraw diagrams require any specific Python packages?▼

Generating Excalidraw diagrams requires the cryptography package to be installed in your environment. This dependency is necessary for the optional upload script to function when publishing shareable links.

What is the best way to automate flowchart creation for visual documentation?▼

The best way to automate flowchart creation is converting standard element JSON into .excalidraw files. This accelerates visual documentation by producing ready-to-use diagrams for architecture and sequence representations without manual drawing.

Related Skills

Explore More Design & Creative Skills→
Devsoul2026Devsoul2026
150

excalidraw

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

Community
Intermediate
nelohenriqnelohenriq
1

excalidraw

Export Excalidraw element JSON as .excalidraw files for diagrams.

Community
Intermediate
ashiqcodeleafashiqcodeleaf

excalidraw

Create and manipulate hand-drawn diagrams using Excalidraw JSON format.

Community
Basic
Brilly-BohyunBrilly-Bohyun

excalidraw

Generate Excalidraw JSON diagrams from structured input.

Community
Intermediate