skills.rest
sheawinkler
sheawinklerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generate hand-drawn diagrams from Excalidraw-compatible JSON data.

78|16|Updated Apr 23, 2026
Search Tags:#architecture#json#excalidraw#visualization#diagrams#flowcharts#hand-drawn
One-click install
npx skills add https://github.com/sheawinkler/hermes-agent-ultra --skill excalidraw-sheawinkler
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/sheawinkler/hermes-agent-ultra/tree/main/skills/creative/excalidraw
Command: npx skills add https://github.com/sheawinkler/hermes-agent-ultra --skill excalidraw-sheawinkler

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Excalidraw diagrams are often created from scratch; this skill converts structured element JSON into hand-drawn visuals, saving time and effort.

Core Features & Use Cases

  • Generate Excalidraw envelopes from element JSON and save as .excalidraw files.
  • Open and share diagrams via excalidraw.com using the provided upload script.
  • Use cases include architecture diagrams, flowcharts, sequence diagrams, and concept maps.

Quick Start

Write your Excalidraw element JSON 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 hand-drawn diagrams from Excalidraw JSON data?▼

To generate hand-drawn diagrams from Excalidraw JSON, write valid Excalidraw element objects containing fields like type, id, x, y, width, and height, then save them as a .excalidraw file to render your visual mappings.

What types of visual mappings can I create by exporting element JSON to .excalidraw files?▼

Exporting element JSON to .excalidraw files allows you to create architecture diagrams, flowcharts, sequence diagrams, and concept maps, providing a structured way to build hand-drawn style visualizations.

How do I share the .excalidraw files I generated from JSON?▼

You can share your generated .excalidraw files by using the included upload script to open and share the diagrams directly via excalidraw.com after saving the element JSON.

What JSON structure is required to convert Excalidraw data into a .excalidraw file?▼

Converting Excalidraw data requires valid Excalidraw element objects with specific fields including type, id, x, y, width, and height to successfully generate and save the hand-drawn .excalidraw file.

Can I use cryptography dependencies to automate generating Excalidraw envelopes from JSON?▼

Yes, the skill utilizes the cryptography dependency alongside provided scripts and references to generate Excalidraw envelopes from element JSON and automate saving them as .excalidraw files.

Why create Excalidraw diagrams from JSON instead of drawing them from scratch?▼

Creating Excalidraw diagrams from JSON solves the problem of building hand-drawn visuals from scratch, saving time and effort by converting structured element data directly into .excalidraw files for architecture and flowchart use cases.

Related Skills

Explore More Design & Creative Skills→
githubgithub
37.6k

excalidraw-diagram-generator

Convert natural-language diagram requests into Excalidraw-ready .excalidraw files.

Official
Intermediate
matthew-johnsonmatthew-johnson

excalidraw

Generate editable VW-style diagrams from JSON files.

Community
Advanced
helix4uhelix4u

excalidraw

Generate Excalidraw JSON diagrams for architecture, flowcharts, and sequences.

Community
Intermediate
pynbj1001pynbj1001
4

Art

Generate editorial hand-drawn diagrams from content prompts.

Community
Advanced