skills.rest
samuelmukoti
samuelmukotiCOMMUNITY
Explore all skills by this author →
𝕏@samuelmukotiGitHub

excalidraw

Create diagrams by writing Excalidraw element JSON and saving as .excalidraw files.

Updated Apr 21, 2026
Search Tags:#architecture#json#excalidraw#visualization#diagrams#flowcharts#shareable-links
One-click install
npx skills add https://github.com/samuelmukoti/myai-agent --skill excalidraw-samuelmukoti
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/samuelmukoti/myai-agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/samuelmukoti/myai-agent --skill excalidraw-samuelmukoti

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagrams are created by composing standard Excalidraw element JSON and saving them as .excalidraw files. These files can be drag-and-dropped onto excalidraw.com for viewing and editing. No accounts, no API keys, no rendering libraries -- just JSON.

Core Features & Use Cases

  • Create diagrams by populating Excalidraw element JSON and saving to a .excalidraw file.
  • View and edit in Excalidraw.com, or generate a shareable link using the included upload utility.
  • Suitable for architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Load this skill and save your diagram as a .excalidraw file after composing the Excalidraw element JSON.

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 without using the web interface?▼

You can generate Excalidraw diagrams by composing standard Excalidraw element JSON and saving the output as a .excalidraw file, which can then be drag-and-dropped onto Excalidraw.com for viewing and editing.

Can I create architecture diagrams and flowcharts programmatically using JSON?▼

Yes, you can create architecture diagrams, flowcharts, and sequence diagrams by populating Excalidraw element JSON and saving it as a .excalidraw file for visualization.

Do I need an Excalidraw account or API key to generate diagram files?▼

No, you do not need an Excalidraw account, API key, or rendering library to create diagram files. The process only requires writing standard Excalidraw element JSON and saving it.

How do I share a programmatically generated Excalidraw diagram?▼

After saving your composed Excalidraw element JSON as a .excalidraw file, you can generate a shareable link using the included upload utility or drag-and-drop the file onto Excalidraw.com.

Are rendering libraries required to save .excalidraw files from JSON?▼

No, rendering libraries are not required to save .excalidraw files. The process involves writing standard Excalidraw element JSON and saving it directly to a file without any rendering dependencies.

Related Skills

Explore More Design & Creative Skills→
helix4uhelix4u

excalidraw

Generate Excalidraw JSON diagrams for architecture, flowcharts, and sequences.

Community
Intermediate
matthew-johnsonmatthew-johnson

excalidraw

Generate editable VW-style diagrams from JSON files.

Community
Advanced
zeronx798zeronx798

excalidraw

Generate hand-drawn style diagrams from Excalidraw-compatible JSON elements.

Community
Intermediate
SayBGMSayBGM

moai-library-mermaid

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

Community
Advanced