excalidraw

Create Excalidraw JSON diagrams for architecture, flowcharts, and sequence diagrams.

Updated Jun 15, 2026
One-click install
npx skills add https://github.com/Piaoxuemoli/qoobeeHermes --skill excalidraw-piaoxuemoli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Piaoxuemoli/qoobeeHermes/tree/main/hermes/skills/creative/excalidraw
Command: npx skills add https://github.com/Piaoxuemoli/qoobeeHermes --skill excalidraw-piaoxuemoli

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of creating detailed and accurate hand-drawn diagrams (like architecture, flowcharts, and sequence diagrams) using simple JSON code.

Core Features & Use Cases

  • Hand-drawn Diagrams: Create high-quality, hand-drawn diagrams programmatically.
  • Excalidraw JSON Support: Directly write and manipulate Excalidraw JSON for precise control.
  • Use Case: Ideal for engineers and architects who need to create and share diagrams for design and documentation without the need for a graphical user interface.

Quick Start

To create a simple rectangle element in Excalidraw JSON, you can use the command: write_file ~/diagrams/my_rectangle.excalidraw '{"type": "rectangle", "id": "r1", "x": 100, "y": 100, "width": 200, "height": 100}'

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw JSON diagrams programmatically?▼

To generate Excalidraw JSON diagrams programmatically, you write specific JSON code structures to define elements like rectangles, which automates diagram creation for architecture and flowcharts without a GUI.

What is the best way to create hand-drawn flowcharts and sequence diagrams without a graphical user interface?▼

The best way to create hand-drawn flowcharts and sequence diagrams without a GUI is by writing and manipulating Excalidraw JSON directly, allowing precise programmatic control over architecture and documentation workflows.

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

Yes, you need knowledge of the Excalidraw JSON structure to create architecture diagrams, as the process requires directly writing JSON code to define elements, positions, and properties programmatically.

Can I use this to automate diagram creation for engineering documentation?▼

Yes, you can automate diagram creation for engineering documentation by writing Excalidraw JSON to generate high-quality hand-drawn architecture, sequence, and flowchart diagrams programmatically.

What are the limitations of programmatically writing Excalidraw JSON for diagrams?▼

A limitation of programmatically writing Excalidraw JSON is the prerequisite knowledge of the underlying JSON structure, requiring manual definition of coordinates and properties instead of using a visual editor.

How do I create a simple rectangle element in Excalidraw JSON?▼

To create a simple rectangle element in Excalidraw JSON, use a command to write a JSON object specifying the type as rectangle, along with id, x, y, width, and height properties.