excalidraw

Generate standards-compliant Excalidraw diagrams as .excalidraw JSON files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It removes the friction of creating shareable diagrams by letting you produce valid Excalidraw diagrams directly from structured JSON, without design tools or accounts.

Core Features & Use Cases

  • Create diagrams via JSON: Produce hand-drawn Excalidraw elements (rectangles, arrows, labeled containers, etc.) and save them as .excalidraw files for instant editing.
  • Support common diagram types: Flowcharts, sequence diagrams, architecture diagrams, and concept maps using consistent element formats and container bindings.
  • Optional sharing with encryption: Upload the resulting .excalidraw file to excalidraw.com for a shareable link with no accounts and no server-side plaintext.

Quick Start

Tell the AI: "Create a flowchart diagram for my system architecture and output a valid .excalidraw JSON saved as ~/diagrams/architecture.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 JSON diagrams automatically?

You can generate Excalidraw JSON diagrams by instructing the AI to create structured JSON with proper element structures and container bindings, then save the output directly as a `.excalidraw` file for instant editing.

Can I create sequence diagrams and flowcharts using Excalidraw JSON?

Yes, you can create sequence diagrams, flowcharts, architecture diagrams, and concept maps by producing standards-compliant Excalidraw JSON with consistent element formats and labeled containers.

How does sharing an Excalidraw diagram with encryption work?

Sharing an Excalidraw diagram uses client-side AES-GCM encryption via a Python script to upload the `.excalidraw` file to excalidraw.com, generating a shareable link without server-side plaintext or accounts.

Do I need the cryptography package to upload Excalidraw files?

Yes, the optional encrypted upload to excalididraw.com requires the `cryptography` dependency to perform client-side AES-GCM encryption before generating your shareable link.

What is the best way to output a valid .excalidraw file for architecture visualization?

The best way to output a valid `.excalidraw` file is to request architecture visualization elements through structured JSON, ensuring deterministic file writing with proper Excalidraw envelope formatting.

Why does my generated Excalidraw diagram lack container bindings?

Excalidraw diagrams lack container bindings when the generated JSON misses proper element structure and envelope formatting, which are required for maintaining labeled containers and consistent element relationships.