skills.rest
liumeixin
liumeixinCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate hand-drawn style diagrams in Excalidraw JSON format.

4|Updated May 14, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagram
One-click install
npx skills add https://github.com/liumeixin/hermes-skills --skill excalidraw-liumeixin
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
flowing-abyssflowing-abyss
4

json-canvas

Create and edit JSON Canvas files with nodes and edges.

Community
Intermediate
servitolaservitola
12

excalidraw

Generate hand-drawn Excalidraw diagrams from JSON elements arrays.

Community
Intermediate
sandoversandover
4

excalidraw

Generates Excalidraw JSON architecture diagrams from scanned codebases with labeled shapes and beards.

Community
Advanced
ThuHuynh1438ThuHuynh1438

excalidraw-generator

Generate ready-to-open Excalidraw diagram files from natural language descriptions.

Community
Advanced