skills.rest
projectedanx
projectedanxCOMMUNITY
Explore all skills by this author →
𝕏@ALifeInArtifyAIGitHub

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
One-click install
npx skills add https://github.com/projectedanx/hermes-agent --skill excalidraw-projectedanx
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
servitolaservitola
12

excalidraw

Generate hand-drawn Excalidraw diagrams from JSON elements arrays.

Community
Intermediate
bahayonghangbahayonghang
16

excalidraw

Generate Excalidraw-compatible JSON diagrams with rectangles, text, and arrows.

Community
Intermediate
Likas07Likas07

mermaid-diagrams

Generate Mermaid diagrams for class, sequence, flowchart, ERD, and C4 architecture.

Community
Intermediate
ruiyangruiyiruiyangruiyi

excalidraw

Generate hand-drawn style Excalidraw diagrams as standards-compliant .excalidraw JSON artifacts.

Community
Basic