skills.rest
zangjeicy
zangjeicyCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert structured JSON element definitions into valid Excalidraw diagram files.

Updated Jul 13, 2026
Search Tags:#architecture#json#excalidraw#visualization#diagrams#flowcharts
One-click install
npx skills add https://github.com/zangjeicy/Hermes --skill excalidraw-zangjeicy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/zangjeicy/Hermes/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/zangjeicy/Hermes --skill excalidraw-zangjeicy

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill solves the friction of creating professional-looking architecture diagrams, flowcharts, and sequence maps by allowing you to define them as structured JSON rather than manually drawing elements.

Core Features & Use Cases

  • Programmatic Diagramming: Define shapes, arrows, and text containers using standard Excalidraw JSON elements.
  • Visual Consistency: Use a predefined color palette and sizing guidelines to ensure all diagrams maintain a professional, hand-drawn aesthetic.
  • Shareable Output: Easily generate shareable links for your diagrams by uploading them directly to excalidraw.com via the included script.

Quick Start

Use the excalidraw skill to generate a diagram file named architecture.excalidraw based on the provided JSON element array.

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

You generate Excalidraw diagrams from JSON by defining structured element arrays containing shapes, arrows, and text, which the skill converts into valid Excalidraw files with a hand-drawn aesthetic.

Can I programmatically create architecture diagrams and flowcharts without manual drawing?▼

Yes, you can programmatically create architecture diagrams and flowcharts by defining them as structured JSON element definitions rather than manually drawing elements in the Excalidraw interface.

Do I need the cryptography library to upload diagrams to excalidraw.com?▼

Yes, you need the cryptography library to facilitate secure, client-side encrypted uploads of your generated diagram files directly to the excalidraw.com platform.

What is the best way to ensure visual consistency across technical documentation diagrams?▼

The best way to ensure visual consistency is to use a predefined color palette and sizing guidelines provided by the skill, ensuring all diagrams maintain a professional, hand-drawn aesthetic.

Does this approach support sequence flows and process mapping for technical documentation?▼

Yes, this approach supports sequence flows and process mapping for technical documentation by converting structured JSON element definitions into valid Excalidraw files.

Related Skills

Explore More Design & Creative Skills→
zaiyemeiyou404zaiyemeiyou404

excalidraw

Create JSON-based diagrams compatible with Excalidraw.

Community
Basic
RedWoodOGRedWoodOG
174

excalidraw

Generate Excalidraw-compatible JSON diagrams and save them as .excalidraw files.

Community
Intermediate
RheasilviaRheasilvia

excalidraw

Convert structured JSON element arrays into valid Excalidraw diagram files.

Community
Intermediate
CorellisOrgCorellisOrg
27

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions as .excalidraw JSON files.

Community
Advanced