skills.rest
helix4u
helix4uCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generate Excalidraw JSON diagrams for architecture, flowcharts, and sequences.

Updated Mar 8, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagramming#visualization
One-click install
npx skills add https://github.com/helix4u/hermes-agent-private --skill excalidraw-helix4u
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/helix4u/hermes-agent-private/tree/main/skills/diagramming/excalidraw
Command: npx skills add https://github.com/helix4u/hermes-agent-private --skill excalidraw-helix4u

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to generate diagrams in the Excalidraw JSON format, enabling the creation of hand-drawn style visualizations for various purposes without needing complex design tools.

Core Features & Use Cases

  • Generate .excalidraw files: Create files that can be opened and edited on excalidraw.com.
  • Supports various diagram types: Architecture diagrams, flowcharts, sequence diagrams, concept maps, and more.
  • Use Case: Quickly visualize a system architecture by defining shapes, text, and arrows in JSON format, then opening the resulting file in Excalidraw for review or sharing.

Quick Start

Write the Excalidraw elements JSON and save it to a file named 'my_diagram.excalidraw' using the write_file command.

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 files for architecture diagrams?▼

You can generate Excalidraw JSON files by defining elements like shapes, text, and arrows in a JSON structure and saving it with a `.excalidraw` extension using the write_file command.

Can I create flowcharts and sequence diagrams using the Excalidraw JSON format?▼

Yes, you can create flowcharts and sequence diagrams by writing JSON structures that adhere to Excalidraw's element format, defining the necessary shapes, text, and arrows for visualization.

What is the Excalidraw JSON format for diagram visualization?▼

The Excalidraw JSON format is a structured way to define diagram elements and their properties, allowing you to generate hand-drawn style visualizations like architecture diagrams without complex design tools.

Do I need design tools to create hand-drawn style diagrams?▼

No, you do not need complex design tools to create hand-drawn style diagrams. This Skill allows you to generate them by writing JSON structures that define the required shapes and arrows.

How do I open and edit the diagrams after generating the JSON file?▼

After generating the JSON file, you can open and edit the resulting `.excalidraw` file on excalidraw.com for review or sharing with others.

Related Skills

Explore More Design & Creative Skills→
davidsudavidsu

excalidraw

Generate Excalidraw JSON files for diagrams, flowcharts, and sketches.

Community
Intermediate
fikriaffikriaf

excalidraw

Generate hand-drawn style diagrams in Excalidraw JSON format.

Community
Basic
VSF-QC-TTSVSF-QC-TTS

common-architecture-diagramming

Standardize architecture diagrams using C4 and UML models with Mermaid syntax.

Official
Intermediate
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate