skills.rest
moltis-org
moltis-orgOFFICIAL
Explore all skills by this author →
WebsiteGitHub

excalidraw

Export Excalidraw element JSON as .excalidraw diagram files.

2.8k|332|Updated Jan 29, 2026
Search Tags:#architecture#json#excalidraw#diagram#hand-drawn#shareable-link
One-click install
npx skills add https://github.com/moltis-org/moltis --skill excalidraw-moltis-org
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/moltis-org/moltis/tree/main/crates/skills/src/assets/creative/excalidraw
Command: npx skills add https://github.com/moltis-org/moltis --skill excalidraw-moltis-org

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Create hand-drawn style diagrams by exporting Excalidraw element JSON as .excalidraw files.

Core Features & Use Cases

  • Generate diagrams in Excalidraw format from plain JSON element arrays.
  • Bind text labels to shapes using container bindings to keep labels aligned and editable.
  • Save diagrams locally as .excalidraw and optionally upload for shareable links using the provided script.

Quick Start

Save the diagram as a .excalidraw file and optionally upload it with the provided script to generate 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?▼

You generate Excalidraw diagrams from JSON by defining element arrays and exporting them as .excalidraw files. This Skill implements the Excalidraw envelope format and container bindings to produce ready-to-view hand-drawn style diagrams locally.

How do I keep text labels aligned inside Excalidraw shapes?▼

To keep text labels aligned inside Excalidraw shapes, apply container bindings to the JSON elements. This mechanism binds labels to their parent shapes, ensuring they stay editable and properly centered within the diagram.

Can I create a shareable link for a locally saved Excalidraw file?▼

Yes, you can create a shareable link for a locally saved .excalidraw file by running the provided upload script. This script takes your exported diagram and generates a link for quick visualization and sharing.

What types of diagrams can I create using Excalidraw JSON exports?▼

Using Excalidraw JSON exports, you can create architecture diagrams, flowcharts, sequence diagrams, and concept maps. The hand-drawn style format supports quick visualization of complex structural and process relationships.

Do I need any specific dependencies to export Excalidraw element JSON?▼

Yes, exporting Excalidraw element JSON requires the cryptography dependency to be installed in your environment. This library supports the underlying implementation of the Excalidraw envelope format and upload script functionality.

Related Skills

Explore More Design & Creative Skills→
Chris-Chai-MinjaeChris-Chai-Minjae

excalidraw

Generate Excalidraw-compatible diagram JSON files as .excalidraw bundles.

Community
Intermediate
AissenLiuAissenLiu

excalidraw

Create Excalidraw diagrams from element JSON and export them as .excalidraw files.

Community
Intermediate
Simon-Copilot-StudioSimon-Copilot-Studio

excalidraw

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

Community
Intermediate
bahayonghangbahayonghang
16

excalidraw

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

Community
Intermediate