excalidraw

Generate Excalidraw JSON diagrams from element definitions.

9|3|Updated May 18, 2026

Search Tags:#data visualization #json #excalidraw #diagram #element-based

Ready to run

npx skills add https://github.com/jordanhubbard/mac --skill excalidraw-jordanhubbard

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/jordanhubbard/mac/tree/main/src/mac/_hermes/skills/creative/excalidraw
Command: npx skills add https://github.com/jordanhubbard/mac --skill excalidraw-jordanhubbard

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a method to generate Excalidraw JSON diagrams from a simple set of element JSON objects, without relying on any rendering libraries.

Core Features & Use Cases

Element-based Diagram Creation: Allows users to write JSON elements directly for Excalidraw diagrams.
Simple JSON Structure: Supports standard Excalidraw JSON format with easy-to-use element definitions.
No External Rendering Libraries: Eliminates the need for external libraries, simplifying integration.

Quick Start

Generate a simple Excalidraw diagram by defining elements in JSON and saving the file with a .excalidraw extension.

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 without using rendering libraries?▼

You can generate Excalidraw diagrams by writing a set of element-based JSON objects and saving the file with a `.excalidraw` extension. This method eliminates the need for external rendering libraries.

What is the best way to create Excalidraw JSON elements for technical documentation?▼

The best way to create Excalidraw JSON elements for technical documentation is to define them directly using simple JSON structures. This allows direct generation of JSON-formatted visual aids without relying on external libraries.

Do I need external libraries to create Excalidraw-compatible JSON diagrams?▼

No, you do not need external libraries to create Excalidraw-compatible JSON diagrams. This Skill enables diagram creation using standard Excalidraw JSON format entirely without external rendering dependencies.

Can I use standard Excalidraw JSON structure to generate diagrams in programming environments?▼

Yes, you can use the standard Excalidraw JSON structure to generate diagrams in programming environments. It requires understanding of the Excalidraw JSON structure to define element objects directly.

What are the limitations of creating Excalidraw diagrams using only JSON elements?▼

The primary limitation is that it requires an understanding of the Excalidraw JSON structure to define elements manually. It generates raw JSON data rather than providing visual rendering or previewing capabilities.

How does element-based diagram creation work with Excalidraw JSON?▼

Element-based diagram creation works by allowing users to write standard Excalidraw JSON element definitions directly. These JSON objects form the complete diagram structure without needing external rendering libraries.