skills.rest
gigagiova
gigagiovaCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate hand-drawn style diagrams as Excalidraw element JSON saved to .excalidraw files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Create diagrams quickly by composing standard Excalidraw element JSON and saving them as .excalidraw files, enabling easy sharing and reuse without proprietary tools.

Core Features & Use Cases

  • Write Excalidraw element JSON and save as a .excalidraw file for architecture diagrams, flowcharts, sequence diagrams, and concept maps.
  • Optional sharing: upload diagrams to Excalidraw to generate a shareable link without needing an account.
  • Works with existing Excalidraw workflows: re-open, edit, and render hand-drawn style visuals in Excalidraw.

Quick Start

Save your Excalidraw JSON as a .excalidraw file and optionally upload to create a shareable link.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I generate Excalidraw diagrams automatically in a workflow?▼

You generate Excalidraw diagrams by programmatically composing Excalidraw element JSON and saving the output as a .excalidraw file. This approach enables automated creation of architecture diagrams, flowcharts, and sequence diagrams without manual drawing.

What is the Excalidraw JSON format used for creating hand-drawn style visuals?▼

The Excalidraw JSON format structures diagram elements like shapes, containers, and bound text labels to produce hand-drawn style visuals. It generates valid Excalidraw envelopes that can be re-opened and edited directly in the Excalidraw editor.

Can I share a generated .excalidraw file without creating an account?▼

Yes, you can share a generated .excalidraw file without an account by uploading the diagram to Excalidraw. This process generates a shareable link, allowing others to view and interact with your hand-drawn visuals.

Does the Excalidraw JSON skill support text labels bound to container elements?▼

Yes, the Excalidraw JSON skill supports container bindings for text labels. This allows you to attach text to shapes like rectangles or arrows, ensuring labels move and scale correctly with their parent containers in architecture and flowchart diagrams.

What are the limitations of creating architecture diagrams using Excalidraw JSON?▼

Creating architecture diagrams using Excalidraw JSON requires manually structuring the element data, which can be verbose for complex concept maps. While it integrates with automation tooling, it relies entirely on valid JSON composition without a visual interface during the generation process.

Related Skills

Explore More Design & Creative Skills→
ZHangZHengEricZHangZHengEric
1.2k

excalidraw-diagram-generator

Translate natural-language descriptions into Excalidraw diagram JSON files.

Community
Intermediate
rnbenrnben

excalidraw

Create Excalidraw diagrams from element JSON and save .excalidraw files.

Community
Intermediate
LynxLabVNLynxLabVN

excalidraw

Convert JSON diagrams to shareable Excalidraw links.

Official
Intermediate
bahayonghangbahayonghang
16

excalidraw

Generate Excalidraw-compatible JSON diagrams with rectangles, text, and arrows.

Community
Intermediate