excalidraw

Generate hand-drawn style diagrams from Excalidraw JSON and upload them.

1|Updated May 12, 2026

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

Ready to run

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

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill removes the friction of manual diagramming by allowing you to generate professional, hand-drawn style architecture, flow, and sequence diagrams directly from structured JSON data.

Core Features & Use Cases

Programmatic Diagramming: Define complex shapes, arrows, and containers using standard Excalidraw element JSON.
Shareable Visuals: Easily upload generated diagrams to excalidraw.com for instant, collaborative editing and sharing.
Use Case: Automatically generate a sequence diagram representing your system architecture or a flowchart for a new feature logic, then upload it to share with your team.

Quick Start

Use the excalidraw skill to generate a diagram from the provided JSON elements and upload it for a shareable link.

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

To generate Excalidraw diagrams from JSON data, define complex shapes, arrows, and containers using standard Excalidraw element JSON, which the tool processes to create hand-drawn style visuals for technical documentation.

Can I automatically create architecture and sequence diagrams for technical documentation?▼

Yes, you can automatically create architecture and sequence diagrams for technical documentation by providing structured JSON elements that define the system logic and visual flow.

How does JSON diagram upload work for collaborative editing on excalidraw.com?▼

JSON diagram upload works by using the cryptography library to securely encrypt your generated diagram data and upload it to the excalidraw.com platform, producing a shareable link for instant collaborative editing.

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

Yes, you need the cryptography library to upload flowcharts, as it handles the secure encryption required to transfer your generated JSON diagram data to the Excalidraw platform.

What is the best way to share generated flowcharts with my team?▼

The best way to share generated flowcharts is to export the JSON structure to excalidraw.com, which provides an instant, collaborative editing environment and a shareable link for your team.

Are there limitations when defining complex shapes in Excalidraw JSON format?▼

Limitations when defining complex shapes in Excalidraw JSON format include the need to programmatically structure all elements and arrows correctly in the JSON schema to ensure valid rendering.