excalidraw

Create Excalidraw diagrams from element JSON and save .excalidraw files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Excalidraw diagrams can be created by composing JSON elements and exporting .excalidraw files, enabling rapid visual documentation without manual drawing.

Core Features & Use Cases

  • Generate Excalidraw element JSON for rectangles, ellipses, text, and arrows.
  • Save and share diagrams as .excalidraw files compatible with Excalidraw.
  • Optionally upload for a shareable link via the provided script and workflow.
  • Use cases include architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Provide an Excalidraw element JSON array and save it as a .excalidraw file.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate hand-drawn style diagrams from JSON data?

To generate hand-drawn diagrams from JSON data, provide an Excalidraw element JSON array defining rectangles, ellipses, text, and arrows, then save it as a .excalidraw file for rapid visual documentation.

What is the process for creating an Excalidraw file from JSON elements?

Creating an Excalidraw file from JSON elements involves composing an array of elements like rectangles and arrows, which the Skill processes and saves as a compatible .excalidraw file for immediate use.

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

Yes, you can use Excalidraw JSON to generate architecture diagrams and flowcharts by defining the visual elements in a JSON array and exporting the result as a .excalidraw file.

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

To get a shareable link for an Excalidraw diagram generated from JSON, use the included script to upload the saved .excalidraw file, producing a shareable link for distribution.

Do I need to manually draw shapes when using Excalidraw JSON for visualization?

No, you do not need to manually draw shapes when using Excalidraw JSON for visualization, as the diagrams are programmatically generated from the JSON element structure you provide.