excalidraw

Name: excalidraw
Availability: InStock
Author: whichguy

Convert JSON data into hand-drawn Excalidraw diagrams.

1|Updated Jun 23, 2026

Search Tags:#architecture #json #flowchart #diagramming #diagram

Ready to run

npx skills add https://github.com/whichguy/hermes-skills-marketplace --skill excalidraw-whichguy

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of creating detailed diagrams with the ease of JSON syntax, allowing users to quickly produce architecture diagrams, flowcharts, and more.

Core Features & Use Cases

Hand-drawn Diagrams: Convert JSON into hand-drawn diagrams like flowcharts, architecture diagrams, and concept maps.
JSON Syntax: Use simple JSON syntax to define diagram elements, making it accessible for non-programmers.
Use Case: Easily create a flowchart for a business process by writing JSON syntax for each step and then generating the diagram with this Skill.

Quick Start

Use the excalidraw skill to create a simple flowchart by defining the elements and saving the JSON file as 'flowchart.json'.

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

You can create hand-drawn diagrams by writing JSON syntax to define elements and processing it to render the visual output. This approach enables quick generation of flowcharts and architecture diagrams without manual drawing.

Can I create an architecture diagram using JSON syntax?▼

Yes, you can create an architecture diagram by defining structural components and connections in JSON syntax. The data is then converted into a hand-drawn visual representation, making detailed architecture mapping accessible without manual design.

Do I need programming experience to build flowcharts with JSON?▼

Basic JSON manipulation knowledge is required to define flowchart steps, but advanced programming experience is not necessary. The syntax is designed to be accessible for non-programmers to generate business process diagrams easily.

What is the best way to structure a JSON file for a flowchart?▼

The best way to structure a JSON file for a flowchart is to define each business process step as an element using Excalidraw JSON syntax. Saving this structured file allows the conversion process to accurately render the hand-drawn diagram.

What types of concept maps can I generate using JSON?▼

Using JSON syntax, you can generate hand-drawn concept maps, flowcharts, and architecture diagrams. The conversion process translates your structured JSON elements into visual maps ideal for illustrating business processes and system structures.