skills.rest
danmartinez78
danmartinez78COMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate .excalidraw files from Excalidraw element JSON.

Updated Apr 25, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagram#hand-drawn
One-click install
npx skills add https://github.com/danmartinez78/echo-ghost-backup --skill excalidraw-danmartinez78
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/danmartinez78/echo-ghost-backup/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/danmartinez78/echo-ghost-backup --skill excalidraw-danmartinez78

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Diagram design often requires hand-drawn style visuals created from underlying data, and sharing them as portable files can be tedious. This Skill provides a straightforward workflow to produce Excalidraw-compatible diagrams from element JSON and to publish shareable links when needed.

Core Features & Use Cases

  • Generate .excalidraw files from standard Excalidraw element JSON for architecture diagrams, flowcharts, and concept maps.
  • Bind on-shape labels using container binding to ensure legible, structured diagrams without relying on non-existent label properties.
  • Optional sharing: upload diagrams to Excalidraw to obtain a shareable link via the included script.

Quick Start

Write your diagram as standard Excalidraw JSON and save it as a .excalidraw file, then optionally upload with the script to share a link.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate hand-drawn diagrams from JSON data?▼

You can generate hand-drawn diagrams by providing standard Excalidraw element JSON to be saved as .excalidraw files. This process works for architecture diagrams, flowcharts, sequence diagrams, and concept maps.

What is the best way to create shareable links for Excalidraw files?▼

The best way to create shareable links is to upload your generated .excalidraw files using the included script. This publishes the diagram to Excalidraw and returns a shareable online link.

Can I bind text labels to shapes in Excalidraw JSON?▼

Yes, you can bind on-shape labels using container binding in the Excalidraw JSON. This ensures your diagrams remain legible and structured without relying on non-existent label properties.

Does this diagram generation approach work for sequence diagrams and concept maps?▼

Yes, this approach works for generating sequence diagrams, concept maps, architecture diagrams, and flowcharts. It accepts standard Excalidraw element JSON to produce the corresponding hand-drawn style visuals.

Why does my Excalidraw text label not display correctly on the shape?▼

Your Excalidraw text label may not display correctly if you use non-existent label properties. You should use container binding to bind on-shape labels properly and ensure structured, legible diagrams.

Related Skills

Explore More Design & Creative Skills→
lucasfthlucasfth

excalidraw

Create hand-drawn style diagrams from Excalidraw JSON data.

Community
Intermediate
Simon-Copilot-StudioSimon-Copilot-Studio

excalidraw

Generate Excalidraw-compatible JSON and save diagrams as .excalidraw files.

Community
Intermediate
Devsoul2026Devsoul2026
150

excalidraw

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

Community
Intermediate
wyhlovecppwyhlovecpp

excalidraw

Generate hand-drawn style diagrams as excalidraw JSON files.

Community
Basic