excalidraw

Generate Excalidraw diagrams from standard element JSON.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/overviewlabs/WHOX --skill excalidraw-overviewlabs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/overviewlabs/WHOX/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/overviewlabs/WHOX --skill excalidraw-overviewlabs

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw Diagram Skill enables creating hand-drawn style diagrams by composing standard Excalidraw element JSON and saving as .excalidraw files. Diagrams can be opened on excalidraw.com or uploaded for shareable links.

Core Features & Use Cases

  • Build diagrams by supplying an array of Excalidraw element objects and saving them as a single .excalidraw envelope.
  • Use container binding to attach text labels to shapes, enabling clean, labeled diagrams that render correctly in Excalidraw.
  • Export and share diagrams by uploading to excalidraw.com to obtain a shareable link; suitable for architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Create an Excalidraw diagram by writing an elements JSON array and saving it as a .excalidraw file, then optionally upload to excalidraw.com to obtain 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 create an Excalidraw diagram from JSON?

To create an Excalidraw diagram from JSON, you compose an array of standard Excalidraw element objects and save them as a single .excalidraw envelope file. This file can then be opened directly on excalidraw.com.

Can I generate architecture and flowcharts using Excalidraw JSON?

Yes, you can generate architecture diagrams, flowcharts, sequence diagrams, and concept maps using Excalidraw JSON. The skill processes standard element JSON to build these visual structures with a hand-drawn style.

How do I get a shareable link for an Excalidraw diagram?

To get a shareable link for an Excalidraw diagram, you upload your saved .excalidraw file to excalidraw.com. The skill provides a script-based upload mechanism to generate and retrieve these sharing links.

Does Excalidraw JSON support binding text labels to shapes?

Yes, Excalidraw JSON supports container binding to attach text labels to shapes. The skill enforces element binding rules to ensure labels render correctly within their containers for clean diagrams.

What is the best way to build sequence diagrams with Excalidraw?

The best way to build sequence diagrams with Excalidraw is by defining standard element objects in a JSON array. This method enforces element binding rules for correct rendering and allows optional script-based upload for sharing links.