skills.rest
Monjyu1101
Monjyu1101COMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Create Excalidraw diagrams from JSON element data and save as .excalidraw files.

1|Updated Jan 31, 2026
Search Tags:#architecture#json#excalidraw#visualization#flow#sharing#diagram
One-click install
npx skills add https://github.com/Monjyu1101/AiDiy2026 --skill excalidraw-monjyu1101
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Monjyu1101/AiDiy2026/tree/main/backend_hermes/skills/creative/excalidraw
Command: npx skills add https://github.com/Monjyu1101/AiDiy2026 --skill excalidraw-monjyu1101

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagram generation from structured JSON enables rapid visualization of architecture, flows, and sequences without manual drawing.

Core Features & Use Cases

  • Write standard Excalidraw element JSON and save as a .excalidraw file for easy diagram creation.
  • Bind text to shapes using container binding so labels stay attached to their shapes and render correctly.
  • Share diagrams by running the optional upload script to publish a shareable Excalidraw link (no accounts required).

Quick Start

Write your Excalidraw elements as JSON, save to a .excalidraw file, and optionally 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 data?▼

You generate Excalidraw diagrams by writing standard Excalidraw element JSON and saving it as a .excalidraw file. This enables rapid visualization of architecture and flows without manual drawing.

Can I share Excalidraw diagrams without creating an account?▼

Yes, you can share Excalidraw diagrams without an account by running an optional upload script. This generates a shareable link while preserving text binding and font recommendations.

How does text binding work when creating Excalidraw flow diagrams?▼

Text binding attaches labels to shapes using container binding in the JSON elements. This ensures labels stay attached to their shapes and render correctly in the Excalidraw file.

Do I need an API key to save Excalidraw architecture diagrams?▼

No, you do not need an API key to save Excalidraw architecture diagrams. The process involves writing standard JSON elements and saving them directly as .excalidraw files for offline use.

What diagram types are supported when generating Excalidraw files?▼

Generating Excalidraw files supports architecture, flow, and sequence diagrams. You create these by structuring JSON element data and opening the resulting files at excalidraw.com for viewing and editing.

What's the best way to edit Excalidraw JSON files after generation?▼

The best way to edit generated Excalidraw JSON files is to open them directly at excalidraw.com. This platform supports viewing and modifying the standard Excalidraw elements you created.

Related Skills

Explore More Design & Creative Skills→
ChangZhou-xjChangZhou-xj

excalidraw

Create Excalidraw diagrams from element JSON and save as .excalidraw files.

Community
Intermediate
nelohenriqnelohenriq
1

excalidraw

Export Excalidraw element JSON as .excalidraw files for diagrams.

Community
Intermediate
projectedanxprojectedanx
1

excalidraw

Generate hand-drawn style diagrams from Excalidraw JSON and upload them.

Community
Intermediate
samhvw8samhvw8
14

excalidraw-architect

Generate Excalidraw diagrams programmatically from JSON-based element definitions.

Community
Advanced