excalidraw

Create hand-drawn style diagrams in Excalidraw JSON format.

539|39|Updated May 1, 2026
One-click install
npx skills add https://github.com/Tommy-yw/RunbookHermes --skill excalidraw-tommy-yw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/Tommy-yw/RunbookHermes/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/Tommy-yw/RunbookHermes --skill excalidraw-tommy-yw

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps users create hand-drawn style diagrams easily using Excalidraw JSON format, enabling the generation of .excalidraw files for various diagram types.

Core Features & Use Cases

  • Create Diagrams: Generate architecture diagrams, flowcharts, sequence diagrams, concept maps, and more using Excalidraw JSON.
  • Excalidraw JSON Format: Write and save diagrams as .excalidraw files, which can be opened at excalidraw.com or shared as links.
  • Use Case: If you need to create a quick flowchart for a meeting, this Skill can help you do it efficiently without the need for specialized diagramming software.

Quick Start

To create a simple flowchart, write the Excalidraw JSON elements in a file and save it as a .excalidraw file. You can then open it in excalidraw.com for viewing and editing.

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 style architecture diagrams without specialized software?

You can create hand-drawn style architecture diagrams by generating Excalidraw JSON format files. This approach allows you to automate diagram creation for processes or concepts and open the .excalidraw files directly at excalidraw.com without needing complex diagramming tools.

Can I generate flowcharts and concept maps using Excalidraw JSON?

Yes, you can generate flowcharts and concept maps using Excalidraw JSON. By writing the JSON elements and saving them as a .excalidraw file, you can create various visual representations that are fully editable when opened on the excalidraw.com platform.

Do I need prior knowledge of Excalidraw JSON syntax to create diagrams?

Yes, creating diagrams requires knowledge of Excalidraw JSON syntax. Understanding the JSON structure is necessary to define the elements correctly and automate the generation of hand-drawn style visual representations like sequence diagrams or flowcharts.

What is the best way to automate diagram creation for quick meetings?

The best way to automate diagram creation for quick meetings is using the Excalidraw JSON format. It helps you efficiently generate visual representations like flowcharts and save them as .excalidraw files to share or edit without specialized software.

How do I open and edit .excalidraw files after generating the JSON?

To open and edit .excalidraw files, simply visit excalidraw.com and load the generated file. You can view, modify, or share the hand-drawn style diagrams as links directly within the Excalidraw web interface.

Are there limitations when using Excalidraw JSON to build sequence diagrams?

The main limitation is the requirement to know Excalidraw JSON syntax to build sequence diagrams. Since the process relies on writing raw JSON to generate hand-drawn style diagrams, complex layouts may require manual JSON structuring without a visual editor.