skills.rest
BermudaLocals
BermudaLocalsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Convert Excalidraw element JSON into reusable .excalidraw files.

1|1|Updated Apr 26, 2026
Search Tags:#json#excalidraw#visualization#upload#diagram#hand-drawn
One-click install
npx skills add https://github.com/BermudaLocals/hermes-agent-lite --skill excalidraw-bermudalocals
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/BermudaLocals/hermes-agent-lite/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/BermudaLocals/hermes-agent-lite --skill excalidraw-bermudalocals

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagram creation from JSON and sharing without friction by generating .excalidraw files that can be opened in Excalidraw or uploaded to shareable links.

Core Features & Use Cases

  • Create diagrams by writing standard Excalidraw element JSON and saving as .excalidraw files for quick editing in Excalidraw.
  • Upload diagrams to Excalidraw via the included script to generate shareable links, without needing accounts.
  • Use container bindings and hand-drawn font conventions to produce consistent visuals across environments and teams.

Quick Start

Save a diagram as a .excalidraw file and use the provided script to upload it to Excalidraw for 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 automatically?▼

Generate Excalidraw diagrams from JSON by writing standard Excalidraw element JSON structures and saving them directly as .excalidraw files. You must use correct container bindings for text to ensure consistent hand-drawn visuals across environments.

What's the best way to share an Excalidraw diagram via a link without an account?▼

The best way to share an Excalidraw diagram without an account is to use the included upload script. This script depends on the cryptography package to generate a shareable URL, allowing teams to distribute editable visual artifacts frictionlessly.

Do I need the cryptography package to upload .excalidraw files and generate shareable links?▼

Yes, you need the cryptography package to upload .excalidraw files. The optional upload script depends on the cryptography package to process the diagram and generate a shareable Excalidraw URL.

How does container binding work when creating Excalidraw elements from JSON?▼

Container bindings in Excalidraw element JSON link text to specific shapes. Correctly structuring these container bindings is required to produce consistent visuals and ensure text displays properly within the generated .excalidraw files.

Can I use JSON to create hand-drawn diagrams for team design workflows?▼

Yes, you can use JSON to create hand-drawn diagrams for team design workflows. By applying hand-drawn font conventions and standard Excalidraw element JSON, teams can produce consistent, portable, and editable visual artifacts across different environments.

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
ashiqcodeleafashiqcodeleaf

excalidraw

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

Community
Basic
zaiyemeiyou404zaiyemeiyou404

excalidraw

Create JSON-based diagrams compatible with Excalidraw.

Community
Basic