excalidraw

Generate structured Excalidraw JSON diagrams for architecture, flowcharts, and sequence diagrams.

Updated Jun 25, 2026
One-click install
npx skills add https://github.com/davpatel605-beep/hermusagent --skill excalidraw-davpatel605-beep
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/davpatel605-beep/hermusagent/tree/main/backend/vendor/hermes/skills/creative/excalidraw
Command: npx skills add https://github.com/davpatel605-beep/hermusagent --skill excalidraw-davpatel605-beep

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the challenge of creating structured, editable visual diagrams by generating valid Excalidraw JSON instead of requiring manual drawing or specialized rendering tools.

Core Features & Use Cases

  • Excalidraw JSON Generation: Create architecture diagrams, flowcharts, sequence diagrams, and concept maps using native Excalidraw element structures.
  • Diagram Formatting Guidance: Apply shape bindings, arrow connections, sizing rules, color palettes, and drawing conventions for reliable rendering.
  • Use Case: Design a software architecture diagram or process flow that can be opened, edited, and shared directly in Excalidraw.

Quick Start

Use the excalidraw skill to create an editable architecture diagram showing the components and data flow of my application.

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 for an architecture diagram without manually drawing it?

To generate Excalidraw JSON for an architecture diagram without manual drawing, you define the components and data flow through text prompts. The skill outputs valid Excalidraw JSON structures with proper element bindings, sizing, and styling for direct rendering.

What types of diagrams can I create using Excalidraw JSON generation?

Excalidraw JSON generation supports creating architecture diagrams, flowcharts, sequence diagrams, and concept maps. It structures native Excalidraw elements like shapes and arrows to produce editable visual representations.

How does JSON diagram formatting handle arrow connections and shape bindings?

JSON diagram formatting applies specific drawing conventions for arrow connections and shape bindings. It uses precise element definitions and layout guidance to ensure valid Excalidraw files render reliably without broken links.

Can I use cryptography to share encrypted Excalidraw diagrams?

Yes, you can use cryptography to share encrypted Excalidraw diagrams. The skill supports optional encrypted diagram sharing workflows, allowing secure distribution of the generated JSON files.

Is Excalidraw JSON generation suitable for complex software process flows?

Excalidraw JSON generation is suitable for complex software process flows. It creates structured, editable Excalidraw files that can be opened, modified, and shared directly in Excalidraw for detailed technical requirements.

What are the limitations of generating Excalidraw JSON for sequence diagrams?

Generating Excalidraw JSON for sequence diagrams requires precise element definitions and layout guidance to avoid rendering issues. Complex layouts may need manual adjustments in Excalidraw after generating the initial JSON file.