excalidraw

Generate structured Excalidraw JSON diagrams for architecture and flowcharts.

Updated May 9, 2026

Search Tags:#architecture #json #excalidraw #visualization #diagrams #flowcharts

Ready to run

npx skills add https://github.com/pmcdowall/hermes-skills --skill excalidraw-pmcdowall

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/pmcdowall/hermes-skills/tree/main/creative/excalidraw
Command: npx skills add https://github.com/pmcdowall/hermes-skills --skill excalidraw-pmcdowall

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the creation of Excalidraw-compatible diagrams by generating structured JSON files instead of requiring manual drawing and formatting.

Core Features & Use Cases

Diagram Generation: Create architecture diagrams, flowcharts, sequence diagrams, and concept maps using valid Excalidraw element JSON.
Format Guidance: Produce correctly structured.excalidraw files with shape bindings, arrows, text placement, and styling conventions.
Use Case: Design a software architecture visualization or process workflow that can be opened, edited, and shared through Excalidraw.

Quick Start

Use the excalidraw skill to create an editable architecture diagram showing a frontend, backend, database, and their connections.

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 from structured JSON?▼

You can generate Excalidraw diagrams by creating structured JSON files with valid element schemas, text bindings, and styling rules, which can then be opened and edited directly in Excalidraw without manual canvas drawing.

What is the best way to automate architecture visualization for Excalidraw?▼

Automating architecture visualization involves producing correctly structured .excalidraw files with shape bindings, arrows, and text placement, allowing you to design software architectures that are instantly editable and shareable.

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

Yes, you can create flowcharts and sequence diagrams by applying valid Excalidraw element JSON schemas, which define the structural components, connections, and styling conventions required for these specific diagram types.

Does generating Excalidraw JSON support shareable diagram links?▼

Generating Excalidraw JSON includes optional upload support to produce shareable diagram links, enabling you to distribute the created architecture visualizations and concept maps directly to collaborators.

How do I ensure my Excalidraw JSON files have the correct format and styling?▼

To ensure correct format, your Excalidraw JSON must adhere to valid element schemas, including proper text bindings, precise text placement, and established styling conventions for shapes and arrows within the .excalidraw file structure.