skills.rest
zhouboyu-xreal
zhouboyu-xrealCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Create and edit Excalidraw diagrams from JSON-formatted .excalidraw files.

Updated Jun 9, 2026
Search Tags:#json#excalidraw#diagrams#flowcharts#draw
One-click install
npx skills add https://github.com/zhouboyu-xreal/Hermes-Memory --skill excalidraw-zhouboyu-xreal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/zhouboyu-xreal/Hermes-Memory/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/zhouboyu-xreal/Hermes-Memory --skill excalidraw-zhouboyu-xreal

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of creating hand-drawn diagrams, enabling users to easily produce professional-looking diagrams without the need for design skills.

Core Features & Use Cases

  • Hand-drawn Diagrams: Generate architecture, flowcharts, sequence diagrams, and concept maps with hand-drawn style.
  • JSON Format: Save diagrams as .excalidraw files in JSON format for easy editing and sharing.
  • No Accounts Required: Simply upload your .excalidraw file to excalidraw.com for viewing and editing.
  • Use Case: If you need to quickly sketch out a process flow or an architecture diagram for a presentation, this Skill can help you do it efficiently.

Quick Start

Create a diagram using Excalidraw elements in JSON format and save it as a .excalidraw file.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate hand-drawn diagrams without specialized design software?▼

You can generate hand-drawn diagrams by writing and parsing JSON data to define elements, then saving the output as an .excalidraw file format for easy editing and sharing without needing design software.

Can I create flowcharts and architecture diagrams using JSON data?▼

Yes, you can create flowcharts and architecture diagrams by structuring your visual elements in JSON format. This allows you to automate the generation of professional-looking hand-drawn sketches.

How do I view and edit .excalidraw files after generating them?▼

To view and edit .excalidraw files, simply upload your generated JSON file to excalidraw.com. No accounts are required, allowing you to easily access and modify your hand-drawn diagrams.

Does creating Excalidraw diagrams require an account or design skills?▼

Creating Excalidraw diagrams requires no design skills or accounts. You only need to write JSON data to generate the diagrams and upload the saved files to the web platform for viewing.

What is the best way to automate diagram creation for technical and non-technical users?▼

The best way to automate diagram creation is by using JSON data to define visual elements. This approach allows both technical and non-technical users to quickly sketch process flows and concept maps.

Why use JSON format for creating hand-drawn sketches?▼

Using JSON format for hand-drawn sketches allows you to automate diagram creation and easily save the output as .excalidraw files. This makes sharing and editing the diagrams highly efficient.

Related Skills

Explore More Design & Creative Skills→
castrojocastrojo

architecture-diagram-specification

Generate JSON specifications for component, data flow, and deployment diagrams.

Community
Advanced
fikriaffikriaf

excalidraw

Generate hand-drawn style diagrams in Excalidraw JSON format.

Community
Basic
whichguywhichguy

excalidraw

Convert JSON data into hand-drawn Excalidraw diagrams.

Community
Intermediate
htn332805htn332805

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions.

Community
Intermediate