skills.rest
AXGZ21
AXGZ21COMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Generate hand-drawn style diagrams from Excalidraw JSON data.

Updated Aug 23, 2026
Search Tags:#architecture#json#excalidraw#flowchart#diagramming#visualization
One-click install
npx skills add https://github.com/AXGZ21/hermes-agent-railway --skill excalidraw-axgz21
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/AXGZ21/hermes-agent-railway/tree/main/skills/diagramming/excalidraw
Command: npx skills add https://github.com/AXGZ21/hermes-agent-railway --skill excalidraw-axgz21

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill allows you to generate hand-drawn style diagrams using Excalidraw's JSON format, eliminating the need for complex design tools or manual drawing for common diagramming needs.

Core Features & Use Cases

  • Generate Diagrams: Create diagrams from Excalidraw JSON data.
  • Save as .excalidraw: Output files compatible with excalidraw.com.
  • Shareable Links: Optionally upload diagrams for easy sharing.
  • Use Case: Generate an architecture diagram for a new microservice by defining its components and their connections in Excalidraw JSON.

Quick Start

Use the excalidraw skill to create a diagram with a rectangle and a text label.

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 style architecture diagrams from JSON data?▼

Generate hand-drawn style architecture diagrams by defining components and connections using Excalidraw JSON format, which eliminates the need for manual drawing or complex design tools.

Can I save generated JSON diagrams as .excalidraw files compatible with excalidraw.com?▼

Yes, you can save generated JSON diagrams as .excalidraw files that are fully compatible with excalidraw.com, allowing you to import and edit the diagrams directly within the platform.

What's the best way to create shareable links for Excalidraw flowcharts?▼

The best way to create shareable links for Excalidraw flowcharts is by using the provided upload script, which optionally uploads your generated JSON diagram files to generate accessible links for easy sharing.

Does this diagramming approach require complex design tools to build concept maps?▼

No, this diagramming approach does not require complex design tools to build concept maps, as it leverages the Excalidraw JSON format to programmatically define and generate the visualization.

How do I define microservice components and connections in Excalidraw JSON?▼

To define microservice components and connections in Excalidraw JSON, specify the architectural elements and their relationships within the JSON structure to generate the hand-drawn style diagram automatically.

Related Skills

Explore More Design & Creative Skills→
jasonkneenjasonkneen
471

excalidraw

Convert JSON data into Excalidraw files for diagram creation.

Community
Intermediate
Strategic-AutomationStrategic-Automation
6

excalidraw

Convert Excalidraw element JSON into .excalidraw files for visual rendering.

Official
Intermediate
servitolaservitola
12

excalidraw

Generate hand-drawn Excalidraw diagrams from JSON elements arrays.

Community
Intermediate
ruiyangruiyiruiyangruiyi

excalidraw

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

Community
Basic