excalidraw

Convert hand-drawn diagrams into Excalidraw JSON format.

Updated May 13, 2026

Search Tags:#json #excalidraw #diagramming #diagram #json format

Ready to run

npx skills add https://github.com/skkeoriw/hermes-brain --skill excalidraw-skkeoriw

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/skkeoriw/hermes-brain/tree/main/brain/hermes-home/skills/creative/excalidraw
Command: npx skills add https://github.com/skkeoriw/hermes-brain --skill excalidraw-skkeoriw

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows users to create hand-drawn diagrams using JSON format, eliminating the need for manual drawing and providing a structured way to represent diagrams.

Core Features & Use Cases

Excalidraw JSON Format: Supports the creation of diagrams in the standard Excalidraw JSON format.
Element Types: Offers various element types such as rectangles, ellipses, diamonds, and arrows.
Container Binding: Allows text elements to be bound to shapes for labeling.
Use Case: Ideal for creating architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Load the excalidraw skill and create a new diagram by writing the elements JSON and saving 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 create hand-drawn diagrams using JSON format?▼

Hand-drawn diagrams in JSON format are created by defining elements like rectangles, ellipses, diamonds, and arrows according to Excalidraw JSON specifications. This structured approach eliminates manual drawing and provides a programmatic way to generate diagram files.

What types of diagrams can I generate with Excalidraw JSON?▼

Excalidraw JSON supports creating architecture diagrams, flowcharts, sequence diagrams, and concept maps. You define the structure using supported element types and container binding for text labeling within your JSON workflow.

Do I need to know the Excalidraw JSON format to create diagrams?▼

Yes, creating diagrams requires knowledge of the Excalidraw JSON format and its specific element types. You must write the elements JSON correctly and save the output as a .excalidraw file to render the diagram.

Can I bind text labels to shapes in Excalidraw JSON?▼

Yes, container binding allows text elements to be bound to shapes for labeling. This feature is fully supported within the Excalidraw JSON format specifications when generating your diagram elements.

What's the best way to structure architecture diagrams in JSON?▼

The best way to structure architecture diagrams in JSON is using Excalidraw specifications with rectangles, diamonds, and arrows to represent components and flow. Save the resulting elements JSON as a .excalidraw file for rendering.