skills.rest
pmcdowall
pmcdowallCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generate structured Excalidraw JSON diagrams for architecture and flowcharts.

Updated May 9, 2026
Search Tags:#architecture#json#excalidraw#visualization#diagrams#flowcharts
One-click install
npx skills add https://github.com/pmcdowall/hermes-skills --skill excalidraw-pmcdowall
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
SethyPagnaSethyPagna

excalidraw

Generate shareable Excalidraw diagram files from structured JSON.

Community
Advanced
photonics-dhlphotonics-dhl

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
zeronx798zeronx798

excalidraw

Generate hand-drawn style diagrams from Excalidraw-compatible JSON elements.

Community
Intermediate
huidgehuidge
2

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate