skillfed

excalidraw

Excalidraw lets you build sketchy, hand-drawn diagrams by writing element JSON and saving as .excalidraw files. Drop them into excalidraw.com for viewing, editing, or optionally upload for shareable links—no accounts or API keys required.

Excalidraw generates hand-drawn style diagrams as .excalidraw files for viewing and editing at excalidraw.com.

AI-generated summary based on this skill's SKILL.md

2,795 327 MIT updated by moltis-org

Install

moltis-org/moltis/excalidraw · repository language: Rust

CLI (skillfed)coming soon
git clone https://github.com/moltis-org/moltis
cp -r moltis/crates/skills/src/assets/creative/excalidraw ~/.claude/skills/excalidraw

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do I create hand drawn diagrams with Excalidraw?

Excalidraw lets you build sketchy, hand-drawn style diagrams by writing element JSON and saving as .excalidraw files. You compose diagram elements programmatically, then export them in the Excalidraw format for viewing and editing on excalidraw.com without needing an account or API keys.

What is the Excalidraw JSON format and how do I use it?

Excalidraw JSON format defines diagram elements (shapes, text, connectors, etc.) as structured data. Excalidraw lets you work directly with this JSON to programmatically create diagrams, then save them as .excalidraw files that excalidraw.com can open, edit, and render with the characteristic hand-drawn aesthetic.

Can I make flowcharts and architecture diagrams with Excalidraw?

Yes. Excalidraw supports generating flowcharts, architecture diagrams, and sequence diagrams through JSON element composition. Build your diagram structure as JSON, export it as a .excalidraw file, then open it on excalidraw.com to view, refine, or share the result.

How do I create shareable diagram links without accounts?

Excalidraw lets you build diagrams and save them as .excalidraw files. Drop those files into excalidraw.com for viewing and editing—no account required. You can optionally upload diagrams to generate shareable links, all without API keys or registration.

What file types does Excalidraw export and support?

Excalidraw exports diagrams as .excalidraw files containing JSON-formatted element data. These files open directly on excalidraw.com for viewing, editing, and sharing. The JSON structure lets you programmatically create and manipulate diagrams before export.

Is Excalidraw free and what license does it use?

Excalidraw is released under the MIT license, making it free and open-source. You can use it to create hand-drawn diagrams, export .excalidraw files, and share them without cost or account requirements.

SKILL.md

rendered from the published skill — quoted content, verbatim

Excalidraw Diagram Skill

Create diagrams by writing standard Excalidraw element JSON and saving 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.

Workflow

  1. Load this skill (you already did)
  2. Write the elements JSON -- an array of Excalidraw element objects
  3. Save the file using write_file to create a .excalidraw file
  4. Optionally upload for a shareable link using scripts/upload.py via terminal
Saving a Diagram

Wrap your elements array in the standard .excalidraw envelope and save with write_file:

```json { "type": "excalidraw", "version": 2, "source": "moltis", "elements": [ ...your elements array here...

(truncated - see the full file via the links below)

Read as markdown · JSON record · Browse the source repository

File tree — 5 files
crates/skills/src/assets/creative/excalidraw/SKILL.md
crates/skills/src/assets/creative/excalidraw/references/colors.md
crates/skills/src/assets/creative/excalidraw/references/dark-mode.md
crates/skills/src/assets/creative/excalidraw/references/examples.md
crates/skills/src/assets/creative/excalidraw/scripts/upload.py

Related skills

Tags

sketch-based-drawing diagram-export json-based-graphics no-account-required shareable-links hand-drawn-aesthetic flowchart-builder architecture-visualization