skills.rest
ldzhhxx
ldzhhxxCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Create hand-drawn diagrams and flowcharts from JSON input.

1|1|Updated May 9, 2026
Search Tags:#json#excalidraw#diagramming#diagrams#flowcharts
One-click install
npx skills add https://github.com/ldzhhxx/Hermes_offline_v2 --skill excalidraw-ldzhhxx
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
jasonkneenjasonkneen
471

excalidraw

Convert JSON data into Excalidraw files for diagram creation.

Community
Intermediate
GongXLiangGongXLiang

excalidraw-diagram

Convert text content into Excalidraw JSON diagrams in three output modes.

Community
Intermediate
odeciojuniorodeciojunior

excalidraw-designer

Generate hand-drawn style diagrams as .excalidraw JSON files.

Community
Advanced
Tommy-ywTommy-yw
539

excalidraw

Create hand-drawn style diagrams in Excalidraw JSON format.

Community
Basic