excalidraw

Create Excalidraw diagrams from element JSON saved as .excalidraw files.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/gqf2008/hermez-ai --skill excalidraw-gqf2008
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/gqf2008/hermez-ai/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/gqf2008/hermez-ai --skill excalidraw-gqf2008

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Creating clear, hand-drawn style diagrams for architecture, flowcharts, and concept maps can be tedious. This Skill generates Excalidraw diagrams directly from standard element JSON and saves them as .excalidraw envelopes, eliminating manual drawing steps.

Core Features & Use Cases

  • Write standard Excalidraw element JSON and save as a .excalidraw file to prototype diagrams quickly.
  • Use container-bound text to label shapes and arrows, ensuring readable, well-bound visuals.
  • Optionally upload diagrams to Excalidraw.com to obtain a shareable link without requiring an account.

Quick Start

Write your diagram as Excalidraw element JSON, wrap it in the standard .excalidraw envelope, 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 diagrams programmatically?

To generate Excalidraw diagrams programmatically, write standard element JSON, wrap it in the .excalidraw envelope format, and save it as a .excalidraw file to create shareable hand-drawn style visuals without manual drawing.

Can I upload Excalidraw JSON to excalidraw.com for a shareable link?

You can optionally upload your Excalidraw JSON to excalidraw.com to obtain a shareable link without requiring an account, allowing you to distribute generated diagrams directly.

How does container-bound text work in Excalidraw flowcharts?

Container-bound text in Excalidraw flowcharts ensures labels are properly attached to shapes and arrows, producing clean, readable visuals with well-bound elements that maintain their structural integrity.

What is the best way to create architecture diagrams from JSON?

The best way to create architecture diagrams from JSON is by writing standard Excalidraw element definitions and saving them as .excalidraw files, eliminating manual drawing steps for quick prototyping.

Do I need an excalidraw.com account to share generated diagrams?

An excalidraw.com account is not required to share generated diagrams, as the process optionally uploads the .excalidraw envelope files to obtain a shareable link without any registration.