skills.rest
LuminaVault
LuminaVaultOFFICIAL
Explore all skills by this author →
GitHub

excalidraw

Convert JSON element descriptions into Excalidraw files and upload them to excalidraw.com.

Updated May 9, 2026
Search Tags:#json#excalidraw#diagramming#diagram#visual
One-click install
npx skills add https://github.com/LuminaVault/LuminaVaultServer --skill excalidraw-luminavault
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/LuminaVault/LuminaVaultServer/tree/main/Sources/App/Resources/Skills/creative/excalidraw
Command: npx skills add https://github.com/LuminaVault/LuminaVaultServer --skill excalidraw-luminavault

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to create hand-drawn diagrams using JSON and easily share them online.

Core Features & Use Cases

  • JSON-based Diagrams: Create diagrams using JSON and save as .excalidraw files.
  • Shareable Links: Upload diagrams to excalidraw.com for shareable links.
  • Use Case: Generate architecture diagrams, flowcharts, and sequence diagrams for presentations or documentation.

Quick Start

Create a diagram using the excalidraw skill and save it as 'diagram.excalidraw'.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw hand-drawn diagrams using JSON?▼

You generate Excalidraw hand-drawn diagrams by converting JSON-based element descriptions into `.excalidraw` files. This allows you to programmatically define and save visual diagrams without manual drawing.

Can I create shareable links for JSON-generated Excalidraw diagrams?▼

Yes, you can create shareable links for JSON-generated Excalidraw diagrams. The Skill uploads your generated `.excalidraw` files directly to excalidraw.com to produce URLs for collaborative sharing.

Do I need to know Excalidraw syntax to build flowcharts from JSON?▼

Yes, you need knowledge of both JSON and Excalidraw syntax to build flowcharts. The Skill requires specific JSON-based element descriptions to correctly convert your structural data into valid Excalidraw files.

What is the best way to create architecture diagrams for technical documentation?▼

The best way to create architecture diagrams for technical documentation is using JSON-based element descriptions. This approach programmatically generates `.excalidraw` files suitable for presentations and collaborative documentation.

What types of technical diagrams can I produce using JSON element descriptions?▼

Using JSON element descriptions, you can produce various technical diagrams such as architecture diagrams, flowcharts, and sequence diagrams. These are saved as `.excalidraw` files for presentations or documentation.

Related Skills

Explore More Design & Creative Skills→
ZHangZHengEricZHangZHengEric
1.2k

excalidraw-diagram-generator

Translate natural-language descriptions into Excalidraw diagram JSON files.

Community
Intermediate
RedWoodOGRedWoodOG
174

excalidraw

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

Community
Intermediate
bahayonghangbahayonghang
16

excalidraw

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

Community
Intermediate
SayBGMSayBGM

moai-library-mermaid

Generate flowcharts, sequence diagrams, and architecture diagrams using Mermaid syntax.

Community
Advanced