excalidraw

Name: excalidraw
Availability: InStock
Author: liumeixin

Generate hand-drawn style diagrams in Excalidraw JSON format.

4|Updated May 14, 2026

Search Tags:#architecture #json #excalidraw #flowchart #diagram

Ready to run

npx skills add https://github.com/liumeixin/hermes-skills --skill excalidraw-liumeixin

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to easily create hand-drawn style diagrams using the Excalidraw JSON format, eliminating the need for complex drawing tools.

Core Features & Use Cases

Excalidraw JSON Format: Utilize the Excalidraw JSON format to create diagrams like architecture diagrams, flowcharts, and concept maps.
No Rendering Libraries: Simply save your JSON as an .excalidraw file and open it on excalidraw.com for viewing and editing.
Use Case: Imagine you need to quickly sketch out a user flow for a new feature. Use this Skill to write the JSON and generate the diagram in minutes.

Quick Start

Write the Excalidraw JSON for your diagram and save it as 'my_diagram.excalidraw'. Then, open it on excalidraw.com to view and edit your diagram.

Frequently Asked Questions about excalidraw

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

FAQPage Schema

How do I create Excalidraw JSON files for hand-drawn architecture diagrams?▼

You create Excalidraw JSON files by manually writing the JSON structure and saving it with an .excalidraw extension. This generates hand-drawn style architecture diagrams without requiring complex rendering libraries.

What is the Excalidraw JSON format used for?▼

The Excalidraw JSON format is used to generate hand-drawn style diagrams such as flowcharts, architecture diagrams, and concept maps. It allows you to define diagram structures through code rather than visual drawing tools.

Do I need any rendering libraries to view Excalidraw JSON diagrams?▼

No rendering libraries are needed to view Excalidraw JSON diagrams. Simply save your JSON as an .excalidraw file and open it on excalidraw.com to view and edit the diagram.

Can I generate flowcharts using Excalidraw JSON without a visual editor?▼

Yes, you can generate flowcharts by manually creating the Excalidraw JSON file without a visual editor. Once saved as an .excalidraw file, the flowchart can be opened and edited on excalidraw.com.

What are the limitations of creating diagrams with Excalidraw JSON?▼

The main limitation of creating diagrams with Excalidraw JSON is that it requires manual creation of the JSON file without a visual editor during the drafting phase. You must also use excalidraw.com to render the final output.