excalidraw

Generate editable .excalidraw diagram files from Excalidraw element JSON.

Updated May 15, 2026
One-click install
npx skills add https://github.com/cabezno/bmb-encover-agent --skill excalidraw-cabezno
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/cabezno/bmb-encover-agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/cabezno/bmb-encover-agent --skill excalidraw-cabezno

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill eliminates the friction of creating clean, editable diagrams by letting you generate Excalidraw drawings directly from Excalidraw element JSON.

Core Features & Use Cases

  • Generate Excalidraw JSON diagrams for architecture, flow, sequence, and concept diagrams by producing an elements array that matches Excalidraw’s element schema.
  • Save diagrams as .excalidraw files using the standard envelope format so diagrams can be reopened and edited on excalidraw.com.
  • Optionally upload for a shareable link to view the diagram without requiring accounts or server-side rendering.

Quick Start

Create a valid .excalidraw file by wrapping your Excalidraw elements array in the required envelope and saving it as a diagram file named for example my_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 diagrams from JSON data?

To generate Excalidraw diagrams from JSON data, you need to produce an elements array matching the Excalidraw element schema and wrap it in the standard .excalidraw envelope format to create an editable file.

Can I create Excalidraw flowcharts and architecture diagrams for editing on excalidraw.com?

Yes, you can create Excalidraw flowcharts and architecture diagrams by generating the correct Excalidraw element JSON. Saving this as a .excalidraw file allows you to reopen and edit the diagrams directly on excalidraw.com.

Do I need an API account to generate and share Excalidraw diagrams?

You do not need an API account to generate or share Excalidraw diagrams. The process relies on producing valid .excalidraw files and optionally uses a Python upload script for client-side sharing without server-side rendering dependencies.

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

To get a shareable link for an Excalidraw file, you can use the provided Python upload script. This script uploads your saved .excalidraw diagram file and enables optional client-side sharing to view the diagram without requiring accounts.

What is the best way to author sequence diagrams without rendering dependencies?

The best way to author sequence diagrams without rendering dependencies is to construct an Excalidraw elements JSON array. This approach outputs a standard .excalidraw envelope file that is editable on excalidraw.com and avoids server-side rendering.

Are there limitations when creating Excalidraw diagrams from JSON?

A limitation when creating Excalidraw diagrams from JSON is that the output heavily depends on producing a correct .excalidraw envelope with valid elements. Any structural errors in the Excalidraw element JSON schema will prevent the diagram from opening correctly on excalidraw.com.