excalidraw

Generate hand-drawn-style Excalidraw JSON diagrams and save them as editable .excalidraw files.

Updated May 12, 2026
One-click install
npx skills add https://github.com/hungthinh04/Hermes_AI_Agent --skill excalidraw-hungthinh04
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/hungthinh04/Hermes_AI_Agent/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/hungthinh04/Hermes_AI_Agent --skill excalidraw-hungthinh04

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the friction of building clear diagrams by hand and turns ideas into editable Excalidraw files that can be shared, viewed, and refined quickly.

Core Features & Use Cases

  • Diagram Generation: Create architecture diagrams, flowcharts, sequence diagrams, concept maps, and other visual explanations as standard Excalidraw JSON.
  • Portable Output: Save diagrams as .excalidraw files that can be opened directly in Excalidraw for immediate editing.
  • Shareable Links: Upload finished diagrams to generate a link that others can view without needing an account.
  • Use Case: A developer can map a system architecture, annotate each component, and deliver the result as a portable diagram file or a shareable URL.

Quick Start

Ask the skill to create an Excalidraw diagram for your process, architecture, or sequence flow 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 Excalidraw JSON diagrams for system architecture?

You can generate Excalidraw JSON diagrams by providing a description of your system architecture, flowchart, or sequence flow. The output is a valid Excalidraw element structure saved directly as an editable .excalidraw file.

Can I create shareable links for my Excalidraw flowcharts?

Yes, you can create shareable links for your Excalidraw flowcharts. The diagram generation process supports optional encrypted upload functionality to generate URLs that others can view without needing an account.

What is the best way to convert process flows into portable visual documentation?

The best way to create portable visual documentation is to map your process flows into standard Excalidraw JSON. This outputs editable .excalidraw files with container-bound labels that can be opened directly for immediate refinement.

Does the Excalidraw diagram generation support sequence diagrams with container-bound labels?

Yes, Excalidraw diagram generation supports sequence diagrams and requires valid Excalidraw element structures with container-bound labels. This ensures your sequence flows and concept maps maintain proper text alignment within their containers.

Do I need the cryptography dependency to upload diagrams for shareable URLs?

Yes, you need the cryptography dependency to enable optional encrypted upload support for generating shareable URLs. This dependency secures the upload process when distributing your portable diagram files to others.

Why use Excalidraw JSON files instead of standard image exports for architecture diagrams?

Excalidraw JSON files store the raw element structure, allowing others to open and edit the architecture diagrams directly rather than viewing a static image. This makes visual documentation portable and collaborative for immediate refinement.