skills.rest
whichguy
whichguyCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw

Convert JSON data into hand-drawn Excalidraw diagrams.

1|Updated Jun 23, 2026
Search Tags:#architecture#json#flowchart#diagramming#diagram
One-click install
npx skills add https://github.com/whichguy/hermes-skills-marketplace --skill excalidraw-whichguy
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
FlyFireFFlyFireF

excalidraw

Create hand-drawn diagrams in Excalidraw JSON format.

Community
Intermediate
LamseyahEliasLamseyahElias

excalidraw

Generate hand-drawn diagrams from Excalidraw element JSON as .excalidraw files.

Community
Intermediate
kngender5kngender5

excalidraw

Create architecture, flowchart, and sequence diagrams from Excalidraw JSON elements.

Community
Basic
Tommy-ywTommy-yw
539

excalidraw

Create hand-drawn style diagrams in Excalidraw JSON format.

Community
Basic