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.