skills.rest
blueskies1818
blueskies1818COMMUNITY
Explore all skills by this author →
WebsiteGitHub

excalidraw

Generates hand-drawn diagrams from JSON Excalidraw element descriptions.

1|Updated May 21, 2026
Search Tags:#json#excalidraw#diagramming#diagram#architectural
One-click install
npx skills add https://github.com/blueskies1818/hermesALIone --skill excalidraw-blueskies1818
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/blueskies1818/hermesALIone/tree/main/Agent/skills/creative/excalidraw
Command: npx skills add https://github.com/blueskies1818/hermesALIone --skill excalidraw-blueskies1818

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill facilitates the creation of hand-drawn diagrams programmatically using JSON syntax, eliminating the need for manual drawing tools.

Core Features & Use Cases

  • JSON-Based Diagrams: Build diagrams by writing standard Excalidraw element JSON.
  • Export & Share: Save diagrams as .excalidraw files and upload for shareable links.
  • Use Case: If you need to create flowcharts, sequence diagrams, or architectural sketches, this Skill can help you generate them in a structured format for easy sharing and collaboration.

Quick Start

Load the excalidraw skill and save your diagram elements in a JSON file using the write_file command.

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 programmatically without using a visual editor?▼

Generate hand-drawn diagrams programmatically by writing standard Excalidraw element JSON syntax. This approach interprets JSON-based descriptions to render flowcharts, sequence diagrams, and architectural sketches without needing manual drawing tools.

What is the best way to create architectural diagrams using JSON syntax?▼

The best way to create architectural diagrams with JSON syntax is by defining Excalidraw elements in a structured file. This method programmatically generates diagrammatic representations for easy sharing and collaboration.

How do I save and share diagrams created with JSON syntax?▼

Save and share diagrams created with JSON syntax by writing the elements to a `.excalidraw` file. You can then upload this file to generate a shareable link for collaboration.

Can I use this JSON-based diagramming approach for sequence diagrams and flowcharts?▼

Yes, you can use JSON-based diagramming to build sequence diagrams and flowcharts. The Skill interprets Excalidraw element descriptions to programmatically render these specific diagrammatic representations.

Do I need to manually draw elements when using JSON for diagram generation?▼

No, you do not need to manually draw elements when using JSON for diagram generation. The process eliminates manual drawing tools by programmatically interpreting JSON-based Excalidraw element descriptions to build the diagrams.

How do I start building a diagram by writing Excalidraw element JSON?▼

Start building a diagram by saving your diagram elements in a JSON file using the `write_file` command. This structured format allows the Skill to parse and manipulate the JSON data to render the visual output.

Related Skills

Explore More Design & Creative Skills→
jasonkneenjasonkneen
471

excalidraw

Convert JSON data into Excalidraw files for diagram creation.

Community
Intermediate
photonics-dhlphotonics-dhl

excalidraw

Convert Excalidraw element JSON into .excalidraw diagram files.

Community
Intermediate
neelbaumanneelbauman
1

flowchart-to-mermaid

Analyze flowchart images and convert them into Mermaid syntax.

Community
Intermediate
superfhpsuperfhp

excalidraw

Create Excalidraw diagrams from JSON and save .excalidraw files.

Community
Advanced