excalidraw

Name: excalidraw
Availability: InStock
Author: ldzhhxx

Create hand-drawn diagrams and flowcharts from JSON input.

1|1|Updated May 9, 2026

Search Tags:#json #excalidraw #diagramming #diagrams #flowcharts

Ready to run

npx skills add https://github.com/ldzhhxx/Hermes_offline_v2 --skill excalidraw-ldzhhxx

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to create hand-drawn diagrams and flowcharts using JSON, enabling you to easily generate visual representations of your data and processes.

Core Features & Use Cases

JSON-based Diagrams: Generate diagrams by writing JSON code, making it easy to create complex visualizations.
Flexible Element Types: Supports various element types such as rectangles, ellipses, diamonds, and arrows.
Customization: Allows for detailed customization of elements, including size, color, and text alignment.
Use Case: Create a detailed architecture diagram or a flowchart for a complex process.

Quick Start

Load the excalidraw skill and create a new diagram. Define the elements as JSON objects and use the write_file function to save the diagram 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 flowcharts using JSON?▼

To create hand-drawn flowcharts using JSON, you define diagram elements as JSON objects and use the write_file function to save the visualization as a .excalidraw file.

What diagram element types can I configure with JSON?▼

You can configure rectangles, ellipses, diamonds, and arrows using JSON. Customization allows for detailed adjustments of size, color, and text alignment within your diagrams.

Do I need prior JSON syntax knowledge to generate diagrams?▼

Yes, you need prior JSON syntax knowledge to generate diagrams. This approach requires understanding JSON structures and various diagram element configurations to build visualizations.

What is the best way to design complex architecture diagrams programmatically?▼

Designing complex architecture diagrams programmatically is best achieved by defining elements as JSON objects. This method enables the structured creation of detailed visual representations for complex data structures.

Can I customize the visual properties of flowchart elements in JSON?▼

You can customize visual properties of flowchart elements in JSON. The configuration supports detailed customization of elements, including specific adjustments for size, color, and text alignment.