excalidraw

Create hand-drawn diagrams from Excalidraw element JSON.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagrams require explicit element definitions and an export envelope; this skill provides a straightforward way to create and share hand-drawn diagrams by authoring standard Excalidraw element JSON and saving it as a .excalidraw file.

Core Features & Use Cases

  • Generate Excalidraw element JSON and store it in the .excalidraw envelope for easy viewing in excalidraw.com
  • Upload diagrams for shareable links using the provided script (scripts/upload.py)
  • Supports container binding with boundElements and text elements to ensure labels remain tied to shapes

Quick Start

Write the Excalidraw element JSON and save it as a .excalidraw file to create a shareable diagram.

Frequently Asked Questions about excalidraw

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Excalidraw JSON files for hand-drawn diagrams?

To generate Excalidraw JSON files for hand-drawn diagrams, you author standard Excalidraw element JSON and save it within the Excalidraw envelope format as a .excalidraw file for viewing.

Does Excalidraw binding support keeping text labels tied to shapes?

Excalidraw binding supports keeping text labels tied to shapes by using container binding with boundElements and their corresponding text elements to maintain label alignment.

How do I create shareable links for Excalidraw diagrams?

To create shareable links for Excalidraw diagrams, you use the provided upload utility script (scripts/upload.py) to upload your generated .excalidraw files and receive shareable links.

Can I use Excalidraw JSON to generate architecture diagrams and flowcharts?

You can use Excalidraw JSON to generate architecture diagrams, flowcharts, and concept maps by defining elements in standard Excalidraw JSON and saving them in the Excalidraw envelope format.

What is the Excalidraw envelope format used for?

The Excalidraw envelope format is used to store generated Excalidraw element JSON, providing a standardized structure that ensures your diagrams are viewed correctly on excalidraw.com.